tntd 3.0.35-beta.5 → 3.0.35-beta.6

package/es/query-form/Field/Composition/utils.js

@@ -1,24 +1,37 @@
-import _flatten from "lodash/flatten";
-import _isString from "lodash/isString";
-import _isArray from "lodash/isArray";
-import React from 'react';
-import moment from 'moment';
-export function highlightSubstring(str, substring) {
-  const highlighted = `<span class="tnt-highlight">${substring}</span>`;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatLabel = formatLabel;
+exports.getLabel = getLabel;
+exports.getLabelByValue = getLabelByValue;
+exports.highlightSubstring = highlightSubstring;
+exports.isInput = void 0;
+exports.parseArrayToObject = parseArrayToObject;
+exports.parseObjectToArray = parseObjectToArray;
+var _flatten2 = _interopRequireDefault(require("lodash/flatten"));
+var _isString2 = _interopRequireDefault(require("lodash/isString"));
+var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
+var _react = _interopRequireDefault(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function highlightSubstring(str, substring) {
+  var highlighted = "<span class=\"tnt-highlight\">".concat(substring, "</span>");
   return str.replace(new RegExp(substring, 'g'), highlighted);
 }
-export function getLabelByValue({
-  value,
-  options,
-  fieldNames = {
-    label: 'label',
-    value: 'value'
-  }
-}) {
-  const getLabel = value => {
-    const target = options === null || options === void 0 ? void 0 : options.find(item => {
-      const valueKey = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value;
-      const itemValue = item instanceof Object ? item[valueKey] : item;
+function getLabelByValue(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    _ref$fieldNames = _ref.fieldNames,
+    fieldNames = _ref$fieldNames === void 0 ? {
+      label: 'label',
+      value: 'value'
+    } : _ref$fieldNames;
+  var getLabel = function getLabel(value) {
+    var target = options === null || options === void 0 ? void 0 : options.find(function (item) {
+      var valueKey = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value;
+      var itemValue = item instanceof Object ? item[valueKey] : item;
       return itemValue === value;
     });
     if (target) {
@@ -27,112 +40,113 @@ export function getLabelByValue({
       return value;
     }
   };
-  if (_isArray(value)) {
+  if ((0, _isArray2["default"])(value)) {
     return value.map(getLabel).join(' | ');
   } else {
     return getLabel(value);
   }
 }
-export function formatLabel(reactDom) {
-  return _flatten(React.Children.map(reactDom.props.children, child => {
-    if (React.isValidElement(child)) {
+function formatLabel(reactDom) {
+  return (0, _flatten2["default"])(_react["default"].Children.map(reactDom.props.children, function (child) {
+    if (_react["default"].isValidElement(child)) {
       return formatLabel(child);
-    } else if (_isString(child)) {
+    } else if ((0, _isString2["default"])(child)) {
       return child;
     }
     return '';
   })).join('');
 }
-export function parseObjectToArray(value, data) {
+function parseObjectToArray(value, data) {
   var _a, _b;
-  return (_b = (_a = Object.keys(value || {})) === null || _a === void 0 ? void 0 : _a.map(key => {
+  return (_b = (_a = Object.keys(value || {})) === null || _a === void 0 ? void 0 : _a.map(function (key) {
     var _a;
-    const target = data === null || data === void 0 ? void 0 : data.find(item => {
+    var target = data === null || data === void 0 ? void 0 : data.find(function (item) {
       var _a;
       return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.name) === key;
     });
     if (!target) return null;
-    const dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
-    const {
-      type = 'input',
-      component,
-      setLabel,
-      props: fieldProps
-    } = dataItem || {};
-    const {
-      options
-    } = fieldProps || {};
+    var dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
+    var _ref2 = dataItem || {},
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'input' : _ref2$type,
+      component = _ref2.component,
+      setLabel = _ref2.setLabel,
+      fieldProps = _ref2.props;
+    var _ref3 = fieldProps || {},
+      options = _ref3.options;
     if (!type && component) {
       if (!setLabel) {
         console.error('自定义组件需要传入setLabel()方法');
       }
     } else if (options) {
       if (type === 'selectInput') {
-        const selectKey = (_a = Object.keys(value[key] || {})) === null || _a === void 0 ? void 0 : _a[0];
+        var selectKey = (_a = Object.keys(value[key] || {})) === null || _a === void 0 ? void 0 : _a[0];
         if (!selectKey) {
           // 17. inputSelect组件，初始值{},展示undefined:undefined
           return false;
         }
         return {
-          key,
+          key: key,
           value: value[key]
         };
       }
     }
     return {
-      key,
+      key: key,
       value: value[key]
     };
-  })) === null || _b === void 0 ? void 0 : _b.filter(item => !!item);
+  })) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
+    return !!item;
+  });
 }
-export function parseArrayToObject(value) {
-  return value === null || value === void 0 ? void 0 : value.reduce((acc, v) => {
+function parseArrayToObject(value) {
+  return value === null || value === void 0 ? void 0 : value.reduce(function (acc, v) {
     acc[v.key] = v.value;
     return acc;
   }, {});
 }
-export function getLabel({
-  key,
-  value
-}, data, locale) {
+function getLabel(_ref4, data, locale) {
+  var key = _ref4.key,
+    value = _ref4.value;
   var _a, _b, _c;
-  const target = data === null || data === void 0 ? void 0 : data.find(item => {
+  var target = data === null || data === void 0 ? void 0 : data.find(function (item) {
     var _a;
     return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.name) === key;
   });
   if (!target) return null;
-  const dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
-  const {
-    type = 'input',
-    setLabel,
-    props: fieldProps,
-    propsTitle,
-    title,
-    name
-  } = dataItem || {};
-  const _propsTitle = propsTitle || title || name;
-  const {
-    options,
-    format
-  } = fieldProps || {};
-  let labelValue = value;
+  var dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
+  var _ref5 = dataItem || {},
+    _ref5$type = _ref5.type,
+    type = _ref5$type === void 0 ? 'input' : _ref5$type,
+    setLabel = _ref5.setLabel,
+    fieldProps = _ref5.props,
+    propsTitle = _ref5.propsTitle,
+    title = _ref5.title,
+    name = _ref5.name;
+  var _propsTitle = propsTitle || title || name;
+  var _ref6 = fieldProps || {},
+    options = _ref6.options,
+    format = _ref6.format;
+  var labelValue = value;
   if (setLabel) {
     // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
     labelValue = setLabel(value);
   } else if (options) {
     if (type === 'selectInput') {
-      const selectKey = (_a = Object.keys(value || {})) === null || _a === void 0 ? void 0 : _a[0];
+      var selectKey = (_a = Object.keys(value || {})) === null || _a === void 0 ? void 0 : _a[0];
       if (!selectKey) {
         // 17. inputSelect组件，初始值{},展示undefined:undefined
         return false;
       }
-      const inputValue = value[selectKey];
-      const selectLabel = (_b = options === null || options === void 0 ? void 0 : options.find(v => v.value === selectKey)) === null || _b === void 0 ? void 0 : _b.label;
+      var inputValue = value[selectKey];
+      var selectLabel = (_b = options === null || options === void 0 ? void 0 : options.find(function (v) {
+        return v.value === selectKey;
+      })) === null || _b === void 0 ? void 0 : _b.label;
       return selectLabel + ':' + inputValue;
     }
     labelValue = getLabelByValue({
-      value,
-      options,
+      value: value,
+      options: options,
       fieldNames: ((_c = dataItem === null || dataItem === void 0 ? void 0 : dataItem.props) === null || _c === void 0 ? void 0 : _c.fieldNames) || {
         label: 'label',
         value: 'value'
@@ -142,11 +156,13 @@ export function getLabel({
     labelValue = value ? locale.yes : locale.no;
   } else if (type === 'dateRange' && format) {
     if (value === null || value === void 0 ? void 0 : value.length) {
-      labelValue = [moment(value === null || value === void 0 ? void 0 : value[0]).format(format), moment(value === null || value === void 0 ? void 0 : value[1]).format(format)].join('~');
+      labelValue = [(0, _moment["default"])(value === null || value === void 0 ? void 0 : value[0]).format(format), (0, _moment["default"])(value === null || value === void 0 ? void 0 : value[1]).format(format)].join('~');
     }
   } else if (type === 'date' && format) {
-    labelValue = value ? moment(value).format(format) : undefined;
+    labelValue = value ? (0, _moment["default"])(value).format(format) : undefined;
   }
   return _propsTitle + ':' + (labelValue === undefined ? '' : labelValue);
 }
-export const isInput = type => ['input', 'string', 'search', 'aloneSearch', 'number', 'inputNumber'].includes(type);
+var isInput = exports.isInput = function isInput(type) {
+  return ['input', 'string', 'search', 'aloneSearch', 'number', 'inputNumber'].includes(type);
+};

package/es/query-form/Field/Select.js

@@ -1,4 +1,25 @@
-var __rest = this && this.__rest || function (s, e) {
+"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 _react = _interopRequireWildcard(require("react"));
+var _select = _interopRequireDefault(require("../../select"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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++) {
@@ -6,54 +27,54 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import React, { useState, useEffect } from 'react';
-import Select from '../../select';
-const {
-  Option
-} = Select;
-export default (props => {
-  const {
-      options,
-      params,
-      queryKey = 'name',
-      fieldNames = {
-        label: 'label',
-        value: 'value'
-      },
-      loadData
-    } = props,
+var Option = _select["default"].Option;
+var _default = exports["default"] = function _default(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 = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
-  const [items, setItems] = useState(options || []);
-  const [query, setQuery] = useState('');
-  const onSearch = val => {
+  var _useState = (0, _react.useState)(options || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    query = _useState4[0],
+    setQuery = _useState4[1];
+  var onSearch = function onSearch(val) {
     setQuery(val);
   };
   if (loadData) {
-    useEffect(() => {
-      loadData(Object.assign({
-        [queryKey]: query
-      }, params || {})).then(items => {
+    (0, _react.useEffect)(function () {
+      loadData(Object.assign(_defineProperty({}, queryKey, query), params || {})).then(function (items) {
         setItems(items);
       });
     }, [params, query]);
   }
-  useEffect(() => {
+  (0, _react.useEffect)(function () {
     setItems(options || []);
   }, [options]);
-  return React.createElement(Select, Object.assign({
+  return _react["default"].createElement(_select["default"], Object.assign({
     allowClear: true,
     showSearch: true,
     optionFilterProp: "children",
     onSearch: onSearch
-  }, rest), items.map(item => {
-    const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
-    const valueKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value';
-    const value = item instanceof Object ? item[valueKey] : item;
-    const label = item instanceof Object ? item[labelKey] : item;
-    const optionProps = item instanceof Object ? item : {};
-    return React.createElement(Option, Object.assign({}, optionProps, {
+  }, rest), items.map(function (item) {
+    var labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
+    var valueKey = (fieldNames === null || fieldNames === void 0 ? 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["default"].createElement(Option, Object.assign({}, optionProps, {
       key: value,
       value: value
     }), label);
   }));
-});
+};

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

@@ -1,5 +1,27 @@
-import _get from "lodash/get";
-var __rest = this && this.__rest || function (s, e) {
+"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 _get2 = _interopRequireDefault(require("lodash/get"));
+var _react = _interopRequireWildcard(require("react"));
+var _select = _interopRequireDefault(require("../../select"));
+var _input = _interopRequireDefault(require("../../input"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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++) {
@@ -7,81 +29,70 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import React, { useState, useEffect } from 'react';
-import Select from '../../select';
-import Input from '../../input';
-const {
-  Option
-} = Select;
-export default (props => {
-  const {
-      options = [],
-      addonBeforeStyle,
-      selectProps,
-      form,
-      close,
-      name
-    } = props,
+var Option = _select["default"].Option;
+var _default = exports["default"] = function _default(props) {
+  var _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    addonBeforeStyle = props.addonBeforeStyle,
+    selectProps = props.selectProps,
+    form = props.form,
+    close = props.close,
+    name = props.name,
     inputProps = __rest(props, ["options", "addonBeforeStyle", "selectProps", "form", "close", "name"]);
-  const [items, setItems] = useState(options);
-  const getInitialKey = () => {
-    let key = _get(options, '0.value');
+  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 = _get(Object.keys(inputProps.value), '0') || key;
+      key = (0, _get2["default"])(Object.keys(inputProps.value), '0') || key;
     }
     return key;
   };
-  const [key, setKey] = useState(getInitialKey());
-  const onKeyChange = 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({
-      [key]: ''
-    });
+    props.onChange(_defineProperty({}, key, ''));
   };
-  const onChange = evt => {
-    props.onChange({
-      [key]: evt.target.value
-    });
+  var onChange = function onChange(evt) {
+    props.onChange(_defineProperty({}, key, evt.target.value));
   };
-  const addonBefore = React.createElement(Select, Object.assign({
+  var addonBefore = _react["default"].createElement(_select["default"], Object.assign({
     value: key,
     onChange: onKeyChange,
     style: Object.assign({
       width: '120px'
     }, addonBeforeStyle),
     dropdownMatchSelectWidth: false
-  }, selectProps || {}), items.map(({
-    label,
-    value
-  }) => React.createElement(Option, {
-    key: value,
-    value: value
-  }, label)));
-  useEffect(() => {
+  }, selectProps || {}), items.map(function (_ref) {
+    var label = _ref.label,
+      value = _ref.value;
+    return _react["default"].createElement(Option, {
+      key: value,
+      value: value
+    }, label);
+  }));
+  (0, _react.useEffect)(function () {
     setItems(options);
     setKey(getInitialKey());
   }, [options, inputProps.value]);
-  return React.createElement(Input.Search, Object.assign({
+  return _react["default"].createElement(_input["default"].Search, Object.assign({
     addonBefore: addonBefore,
-    onPressEnter: evt => {
+    onPressEnter: function onPressEnter(evt) {
       var _a;
-      form.emit('search', {
-        [name]: {
-          [key]: (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value
-        }
-      });
+      form.emit('search', _defineProperty({}, name, _defineProperty({}, key, (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value)));
       close && close();
     },
-    onSearch: value => {
-      form.emit('search', {
-        [name]: {
-          [key]: value
-        }
-      });
+    onSearch: function onSearch(value) {
+      form.emit('search', _defineProperty({}, name, _defineProperty({}, key, value)));
       close && close();
     }
   }, inputProps, {
-    value: _get(inputProps.value, key),
+    value: (0, _get2["default"])(inputProps.value, key),
     onChange: onChange
   }));
-});
+};

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

@@ -1,4 +1,17 @@
-var __rest = this && this.__rest || function (s, e) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFieldWidth = exports.defaultFieldWidth = exports["default"] = 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(e) { return e && e.__esModule ? e : { "default": e }; }
+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++) {
@@ -6,14 +19,8 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import CheckboxField from './Checkbox';
-import SelectField from './Select';
-import SelectInput from './SelectInput';
-import DatePicker from '../../date-picker';
-import Input from '../../input';
-import InputNumber from '../../input-number';
-export const defaultFieldWidth = '200px';
-export const getFieldWidth = type => {
+var defaultFieldWidth = exports.defaultFieldWidth = '200px';
+var getFieldWidth = exports.getFieldWidth = function getFieldWidth(type) {
   if (type === 'dateRange') {
     return '340px';
   }
@@ -23,28 +30,26 @@ export const getFieldWidth = type => {
   }[type] || defaultFieldWidth;
 };
 function DataRange(_a) {
-  var {
-      onChange,
-      check
-    } = _a,
+  var onChange = _a.onChange,
+    check = _a.check,
     otherProps = __rest(_a, ["onChange", "check"]);
-  return React.createElement(DatePicker.RangePicker, Object.assign({}, otherProps, {
-    onChange: check ? (dates, dateStrings) => {
+  return React.createElement(_datePicker["default"].RangePicker, Object.assign({}, otherProps, {
+    onChange: check ? function (dates, dateStrings) {
       if (check(dates, dateStrings)) {
         onChange(dates, dateStrings);
       }
     } : onChange
   }));
 }
-export default {
-  string: Input.Search,
-  input: Input.Search,
-  search: Input.Search,
-  inputNumber: InputNumber,
-  number: InputNumber,
-  select: SelectField,
-  checkbox: CheckboxField,
-  date: DatePicker,
+var _default = exports["default"] = {
+  string: _input["default"].Search,
+  input: _input["default"].Search,
+  search: _input["default"].Search,
+  inputNumber: _inputNumber["default"],
+  number: _inputNumber["default"],
+  select: _Select["default"],
+  checkbox: _Checkbox["default"],
+  date: _datePicker["default"],
   dateRange: DataRange,
-  selectInput: SelectInput
+  selectInput: _SelectInput["default"]
 };