tntd 3.0.41-beta.1 → 3.0.42-beta.1

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

@@ -1,88 +1,157 @@
-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;
+"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 _find2 = _interopRequireDefault(require("lodash/find"));
+var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icon = _interopRequireDefault(require("../../../icon"));
+var _ellipsis = _interopRequireDefault(require("../../../ellipsis"));
+var _empty = _interopRequireDefault(require("../../../empty"));
+var _utils = require("./utils");
+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++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
-import React, { useState, useEffect } from 'react';
-import { isArray, find } from 'lodash';
-import classNames from 'classnames';
-import Icon from '../../../icon';
-import Ellipsis from '../../../ellipsis';
-import Empty from '../../../empty';
-import { highlightSubstring, formatLabel } from './utils';
-export default (props) => {
-    const { options, params, queryKey = 'name', fieldNames = {
-        label: 'label',
-        value: 'value',
-    }, loadData, onChange, value: _value, mode, propItem, searchText, showEmpty } = props, rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData", "onChange", "value", "mode", "propItem", "searchText", "showEmpty"]);
-    const [items, setItems] = useState(options || []);
-    useEffect(() => {
-        if (loadData) {
-            loadData(Object.assign({ [queryKey]: searchText }, (params || {}))).then((items) => {
-                setItems(items);
+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,
+    onChange = props.onChange,
+    _value = props.value,
+    mode = props.mode,
+    propItem = props.propItem,
+    searchText = props.searchText,
+    showEmpty = props.showEmpty,
+    rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData", "onChange", "value", "mode", "propItem", "searchText", "showEmpty"]);
+  var _useState = (0, _react.useState)(options || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (loadData) {
+      loadData(Object.assign(_defineProperty({}, queryKey, searchText), params || {})).then(function (items) {
+        setItems(items);
+      });
+    }
+  }, [params, searchText]);
+  (0, _react.useEffect)(function () {
+    setItems(options || []);
+  }, [options]);
+  var onValueChange = function onValueChange(item) {
+    onChange(item, mode === 'multiple' || mode === 'tags');
+  };
+  var children = 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 disabled = item instanceof Object ? item['disabled'] : false;
+    var isSelected = (0, _isArray2["default"])(_value) ? (_value === null || _value === void 0 ? void 0 : _value.indexOf(value)) > -1 : value === _value;
+    if (searchText) {
+      var isReactDom = _react["default"].isValidElement(label);
+      var _label = isReactDom ? (0, _utils.formatLabel)(label) : label;
+      if ((_label === null || _label === void 0 ? void 0 : _label.indexOf(searchText)) > -1) {
+        return _react["default"].createElement("li", {
+          className: (0, _classnames["default"])({
+            'ant-select-dropdown-menu-item': true,
+            'ant-select-dropdown-menu-item-selected': isSelected,
+            'ant-select-dropdown-menu-item-disabled': disabled
+          }),
+          key: value,
+          value: value,
+          onMouseDown: function onMouseDown(e) {
+            return e.preventDefault();
+          },
+          onClick: function onClick() {
+            !disabled && onValueChange({
+              value: value,
+              propItem: propItem,
+              options: items
             });
-        }
-    }, [params, searchText]);
-    useEffect(() => {
-        setItems(options || []);
-    }, [options]);
-    const onValueChange = (item) => {
-        onChange(item, mode === 'multiple' || mode === 'tags');
-    };
-    let children = 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 disabled = item instanceof Object ? item['disabled'] : false;
-        const isSelected = isArray(_value) ? (_value === null || _value === void 0 ? void 0 : _value.indexOf(value)) > -1 : value === _value;
-        if (searchText) {
-            const isReactDom = React.isValidElement(label);
-            const _label = isReactDom ? formatLabel(label) : label;
-            if ((_label === null || _label === void 0 ? void 0 : _label.indexOf(searchText)) > -1) {
-                return (React.createElement("li", { className: classNames({
-                        'ant-select-dropdown-menu-item': true,
-                        'ant-select-dropdown-menu-item-selected': isSelected,
-                        'ant-select-dropdown-menu-item-disabled': disabled,
-                    }), key: value, value: value, onMouseDown: (e) => e.preventDefault(), onClick: () => {
-                        !disabled &&
-                            onValueChange({
-                                value,
-                                propItem,
-                                options: items,
-                            });
-                    } },
-                    !showEmpty && React.createElement("span", null,
-                        (propItem === null || propItem === void 0 ? void 0 : propItem.propsTitle) || (propItem === null || propItem === void 0 ? void 0 : propItem.name),
-                        ": "),
-                    React.createElement("span", { style: { display: 'inline-block' } },
-                        React.createElement(Ellipsis, { widthLimit: 220, title: isReactDom ? (React.createElement("span", null, label)) : (React.createElement("span", { dangerouslySetInnerHTML: {
-                                    __html: highlightSubstring(label, searchText),
-                                } })) })),
-                    isSelected && React.createElement(Icon, { type: "check", className: "ant-select-selected-icon" })));
+          }
+        }, !showEmpty && _react["default"].createElement("span", null, (propItem === null || propItem === void 0 ? void 0 : propItem.propsTitle) || (propItem === null || propItem === void 0 ? void 0 : propItem.name), ": "), _react["default"].createElement("span", {
+          style: {
+            display: 'inline-block'
+          }
+        }, _react["default"].createElement(_ellipsis["default"], {
+          widthLimit: 220,
+          title: isReactDom ? _react["default"].createElement("span", null, label) : _react["default"].createElement("span", {
+            dangerouslySetInnerHTML: {
+              __html: (0, _utils.highlightSubstring)(label, searchText)
             }
-            return null;
-        }
-        return (React.createElement("li", { className: classNames({
-                'ant-select-dropdown-menu-item': true,
-                'ant-select-dropdown-menu-item-selected': isSelected,
-                'ant-select-dropdown-menu-item-disabled': disabled,
-            }), key: value, value: value, onMouseDown: (e) => e.preventDefault(), onClick: () => {
-                !disabled && onValueChange({ value, options: items });
-            } },
-            React.createElement("span", { style: { display: 'inline-block' } },
-                React.createElement(Ellipsis, { widthLimit: 220, title: label })),
-            isSelected && React.createElement(Icon, { type: "check", className: "ant-select-selected-icon" })));
-    });
-    if (showEmpty && !find(children, (it) => !!it)) {
-        children = React.createElement(Empty, { size: "mini" });
+          })
+        })), isSelected && _react["default"].createElement(_icon["default"], {
+          type: "check",
+          className: "ant-select-selected-icon"
+        }));
+      }
+      return null;
     }
-    return React.createElement("ul", { className: "ant-select-dropdown-menu" }, children);
-};
-//# sourceMappingURL=Select.js.map
+    return _react["default"].createElement("li", {
+      className: (0, _classnames["default"])({
+        'ant-select-dropdown-menu-item': true,
+        'ant-select-dropdown-menu-item-selected': isSelected,
+        'ant-select-dropdown-menu-item-disabled': disabled
+      }),
+      key: value,
+      value: value,
+      onMouseDown: function onMouseDown(e) {
+        return e.preventDefault();
+      },
+      onClick: function onClick() {
+        !disabled && onValueChange({
+          value: value,
+          options: items
+        });
+      }
+    }, _react["default"].createElement("span", {
+      style: {
+        display: 'inline-block'
+      }
+    }, _react["default"].createElement(_ellipsis["default"], {
+      widthLimit: 220,
+      title: label
+    })), isSelected && _react["default"].createElement(_icon["default"], {
+      type: "check",
+      className: "ant-select-selected-icon"
+    }));
+  });
+  if (showEmpty && !(0, _find2["default"])(children, function (it) {
+    return !!it;
+  })) {
+    children = _react["default"].createElement(_empty["default"], {
+      size: "mini"
+    });
+  }
+  return _react["default"].createElement("ul", {
+    className: "ant-select-dropdown-menu"
+  }, children);
+};

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

@@ -1,11 +1,34 @@
-import React, { useEffect, useState } from 'react';
-import SelectInputBase from '../SelectInput';
-export default function SelectInput(props) {
-    const { value, onChange } = props;
-    const [iValue, setIValue] = useState(value);
-    useEffect(() => {
-        setIValue(value);
-    }, [value]);
-    return React.createElement(SelectInputBase, Object.assign({}, props, { value: iValue, _onChange: onChange, onChange: setIValue }));
-}
-//# sourceMappingURL=SelectInput.js.map
+"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"] = SelectInput;
+var _react = _interopRequireWildcard(require("react"));
+var _SelectInput = _interopRequireDefault(require("../SelectInput"));
+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 _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; }
+function SelectInput(props) {
+  var value = props.value,
+    onChange = props.onChange;
+  var _useState = (0, _react.useState)(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    iValue = _useState2[0],
+    setIValue = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setIValue(value);
+  }, [value]);
+  return _react["default"].createElement(_SelectInput["default"], Object.assign({}, props, {
+    value: iValue,
+    _onChange: onChange,
+    onChange: setIValue
+  }));
+}

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

@@ -1,81 +1,162 @@
-import React, { useState } from 'react';
-import { find, cloneDeep } from 'lodash';
-import Popover from '../../../popover';
-import Tag from '../../../tag';
-import fieldsMap from '../fieldsMap';
-import SelectInput from './SelectInput';
-import SelectOpt from './Select';
-import { getLabel, isInput } from './utils';
-import './FieldPopover.less';
-export default function ValueTag({ item, fieldItems, locale, onDelete, value, onChange, clsPrefix, form, handleTag, }) {
+"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"] = ValueTag;
+var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
+var _find2 = _interopRequireDefault(require("lodash/find"));
+var _react = _interopRequireWildcard(require("react"));
+var _popover = _interopRequireDefault(require("../../../popover"));
+var _tag = _interopRequireDefault(require("../../../tag"));
+var _fieldsMap = _interopRequireDefault(require("../fieldsMap"));
+var _SelectInput = _interopRequireDefault(require("./SelectInput"));
+var _Select = _interopRequireDefault(require("./Select"));
+var _utils = require("./utils");
+require("./FieldPopover.less");
+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 _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; }
+function ValueTag(_ref) {
+  var item = _ref.item,
+    fieldItems = _ref.fieldItems,
+    locale = _ref.locale,
+    onDelete = _ref.onDelete,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    clsPrefix = _ref.clsPrefix,
+    form = _ref.form,
+    handleTag = _ref.handleTag;
+  var _a;
+  var _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var propItem = ((_a = (0, _find2["default"])(fieldItems, function (it) {
     var _a;
-    const [visible, setVisible] = useState();
-    const propItem = ((_a = find(fieldItems, (it) => { var _a; return ((_a = it.props) === null || _a === void 0 ? void 0 : _a.name) === item.key; })) === null || _a === void 0 ? void 0 : _a.props) || {};
-    const { name, propsTitle, title, type = 'input', className, component, props: fieldProps, closable = true, } = propItem;
-    const handleVisibleChange = (visible) => {
-        setVisible(visible);
-    };
-    const close = () => {
-        setVisible(false);
-    };
-    const onFieldChange = (...args) => {
-        var _a;
-        const copyValue = cloneDeep(value);
-        const index = copyValue.findIndex((v) => v.key === name);
-        copyValue[index].value = args[0];
-        if (['date', 'checkbox'].includes(type) || (type === 'dateRange' && ((_a = args[1]) === null || _a === void 0 ? void 0 : _a[1]))) {
-            close();
-        }
-        onChange(copyValue, false, args[0] !== undefined, type !== 'selectInput');
-        (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
-    };
-    const onSelectChange = (v, isMultiple) => {
-        var _a, _b, _c;
-        const copyValue = cloneDeep(value || []);
-        let index = copyValue.findIndex((v) => v.key === name);
-        if (isMultiple) {
-            if (!((_b = (_a = copyValue[index]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length)) {
-                copyValue[index].value = [v === null || v === void 0 ? void 0 : v.value];
-            }
-            else {
-                if (((_c = copyValue[index].value) === null || _c === void 0 ? void 0 : _c.indexOf(v.value)) > -1) {
-                    copyValue[index].value = copyValue[index].value.filter((val) => val !== v.value);
-                }
-                else {
-                    copyValue[index].value.push(v.value);
-                }
-            }
-        }
-        else {
-            copyValue[index].value = v === null || v === void 0 ? void 0 : v.value;
-            close();
+    return ((_a = it.props) === null || _a === void 0 ? void 0 : _a.name) === item.key;
+  })) === null || _a === void 0 ? void 0 : _a.props) || {};
+  var name = propItem.name,
+    propsTitle = propItem.propsTitle,
+    title = propItem.title,
+    _propItem$type = propItem.type,
+    type = _propItem$type === void 0 ? 'input' : _propItem$type,
+    className = propItem.className,
+    component = propItem.component,
+    fieldProps = propItem.props,
+    _propItem$closable = propItem.closable,
+    closable = _propItem$closable === void 0 ? true : _propItem$closable;
+  var handleVisibleChange = function handleVisibleChange(visible) {
+    setVisible(visible);
+  };
+  var close = function close() {
+    setVisible(false);
+  };
+  var onFieldChange = function onFieldChange() {
+    var _a;
+    var copyValue = (0, _cloneDeep2["default"])(value);
+    var index = copyValue.findIndex(function (v) {
+      return v.key === name;
+    });
+    copyValue[index].value = arguments.length <= 0 ? undefined : arguments[0];
+    if (['date', 'checkbox'].includes(type) || type === 'dateRange' && ((_a = arguments.length <= 1 ? undefined : arguments[1]) === null || _a === void 0 ? void 0 : _a[1])) {
+      close();
+    }
+    onChange(copyValue, false, (arguments.length <= 0 ? undefined : arguments[0]) !== undefined, type !== 'selectInput');
+    (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
+  };
+  var onSelectChange = function onSelectChange(v, isMultiple) {
+    var _a, _b, _c;
+    var copyValue = (0, _cloneDeep2["default"])(value || []);
+    var index = copyValue.findIndex(function (v) {
+      return v.key === name;
+    });
+    if (isMultiple) {
+      if (!((_b = (_a = copyValue[index]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length)) {
+        copyValue[index].value = [v === null || v === void 0 ? void 0 : v.value];
+      } else {
+        if (((_c = copyValue[index].value) === null || _c === void 0 ? void 0 : _c.indexOf(v.value)) > -1) {
+          copyValue[index].value = copyValue[index].value.filter(function (val) {
+            return val !== v.value;
+          });
+        } else {
+          copyValue[index].value.push(v.value);
         }
-        onChange(copyValue, false, true);
-        (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
-    };
-    const renderSecondOptions = () => {
-        var _a;
-        const isSelectInput = type === 'selectInput';
-        const Field = isSelectInput ? SelectInput : component || fieldsMap[type] || (() => null);
-        return (React.createElement("div", { onClick: (e) => e.stopPropagation(), className: className },
-            React.createElement("label", null, propsTitle || title || name),
-            type === 'select' ? (React.createElement(SelectOpt, Object.assign({}, fieldProps, { propItem: propItem, onChange: onSelectChange, value: item === null || item === void 0 ? void 0 : item.value, showEmpty: true }))) : (React.createElement("div", { className: `${clsPrefix}-field-popover-content`, onClick: (e) => e.stopPropagation() },
-                React.createElement(Field, Object.assign({ form: form, value: item === null || item === void 0 ? void 0 : item.value }, fieldProps, { style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), { width: ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || (isSelectInput ? '361px' : '250px') }), close: close, onChange: onFieldChange, name: name }))))));
+      }
+    } else {
+      copyValue[index].value = v === null || v === void 0 ? void 0 : v.value;
+      close();
+    }
+    onChange(copyValue, false, true);
+    (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
+  };
+  var renderSecondOptions = function renderSecondOptions() {
+    var _a;
+    var isSelectInput = type === 'selectInput';
+    var Field = isSelectInput ? _SelectInput["default"] : component || _fieldsMap["default"][type] || function () {
+      return null;
     };
-    const _isInput = isInput(type) && !component;
-    if ((item === null || item === void 0 ? void 0 : item.value) === undefined) {
-        return null;
+    return _react["default"].createElement("div", {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      className: className
+    }, _react["default"].createElement("label", null, propsTitle || title || name), type === 'select' ? _react["default"].createElement(_Select["default"], Object.assign({}, fieldProps, {
+      propItem: propItem,
+      onChange: onSelectChange,
+      value: item === null || item === void 0 ? void 0 : item.value,
+      showEmpty: true
+    })) : _react["default"].createElement("div", {
+      className: "".concat(clsPrefix, "-field-popover-content"),
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    }, _react["default"].createElement(Field, Object.assign({
+      form: form,
+      value: item === null || item === void 0 ? void 0 : item.value
+    }, fieldProps, {
+      style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {
+        width: ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || (isSelectInput ? '361px' : '250px')
+      }),
+      close: close,
+      onChange: onFieldChange,
+      name: name
+    }))));
+  };
+  var _isInput = (0, _utils.isInput)(type) && !component;
+  if ((item === null || item === void 0 ? void 0 : item.value) === undefined) {
+    return null;
+  }
+  return _react["default"].createElement(_popover["default"], {
+    trigger: "click",
+    visible: visible && !_isInput,
+    onVisibleChange: handleVisibleChange,
+    overlayClassName: "".concat(clsPrefix, "-field-popover"),
+    content: renderSecondOptions(),
+    placement: "bottomLeft"
+  }, _react["default"].createElement(_tag["default"], {
+    closable: !(closable === false || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.allowClear) === false),
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!_isInput) {
+        setVisible(true);
+      } else {
+        handleTag((0, _cloneDeep2["default"])(item));
+      }
+    },
+    onClose: function onClose(e) {
+      return onDelete(item.key, e);
+    },
+    ellipsisOptions: {
+      widthLimit: '140px'
     }
-    return (React.createElement(Popover, { trigger: "click", visible: visible && !_isInput, onVisibleChange: handleVisibleChange, overlayClassName: `${clsPrefix}-field-popover`, content: renderSecondOptions(), placement: "bottomLeft" },
-        React.createElement(Tag, { closable: !(closable === false || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.allowClear) === false), onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                if (!_isInput) {
-                    setVisible(true);
-                }
-                else {
-                    handleTag(cloneDeep(item));
-                }
-            }, onClose: (e) => onDelete(item.key, e), ellipsisOptions: { widthLimit: '140px' } }, getLabel(item, fieldItems, locale))));
-}
-//# sourceMappingURL=ValueTag.js.map
+  }, (0, _utils.getLabel)(item, fieldItems, locale)));
+}