tntd 3.0.40-beta.8 → 3.0.41-beta.1

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

@@ -1,36 +1,12 @@
-"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 _isObject2 = _interopRequireDefault(require("lodash/isObject"));
-var _find2 = _interopRequireDefault(require("lodash/find"));
-var _react = _interopRequireWildcard(require("react"));
-var _LocaleReceiver = _interopRequireDefault(require("antd/es/locale-provider/LocaleReceiver"));
-var _icon = _interopRequireDefault(require("../../../icon"));
-var _input = _interopRequireDefault(require("../../../input"));
-var _FieldPopover = _interopRequireDefault(require("./FieldPopover"));
-var _ValueTag = _interopRequireDefault(require("./ValueTag"));
-var _utils = require("./utils");
-require("./index.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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-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; }
+import React, { useEffect, useState, useRef, useImperativeHandle, forwardRef, useCallback, } from 'react';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import { find, isObject } from 'lodash';
+import Icon from '../../../icon';
+import Input from '../../../input';
+import FieldPopover from './FieldPopover';
+import ValueTag from './ValueTag';
+import { parseArrayToObject, parseObjectToArray, getLabel } from './utils';
+import './index.less';
 /**
  * @param value: [{
       key: 'key1',
@@ -42,296 +18,207 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
  * @param {*} ref
  * @returns
  */
-var regex = /^.+:.*$/;
-var CompositionInput = function CompositionInput(_ref, ref) {
-  var fieldItems = _ref.fieldItems,
-    initialValues = _ref.initialValues,
-    onChange = _ref.onChange,
-    form = _ref.form,
-    compositionShowReset = _ref.compositionShowReset,
-    defaultSearchField = _ref.defaultSearchField,
-    defaultSearchPlaceholder = _ref.defaultSearchPlaceholder,
-    clsPrefix = _ref.clsPrefix,
-    _onReset = _ref._onReset,
-    _onSearch = _ref._onSearch;
-  var _a;
-  var prefix = "".concat(clsPrefix, "-composition-input");
-  var _useState = (0, _react.useState)((0, _utils.parseObjectToArray)(initialValues, fieldItems)),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    tempItem = _useState4[0],
-    setTempItem = _useState4[1];
-  var _useState5 = (0, _react.useState)(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchText = _useState6[0],
-    setSearchText = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    visible = _useState8[0],
-    setVisible = _useState8[1];
-  var _useState9 = (0, _react.useState)(undefined),
-    _useState10 = _slicedToArray(_useState9, 2),
-    fieldItem = _useState10[0],
-    setFieldItem = _useState10[1];
-  var fieldItemsRef = (0, _react.useRef)(fieldItems);
-  var _fieldItem = fieldItem ? ((_a = (0, _find2["default"])(fieldItems, function (f) {
+const regex = /^.+:.*$/;
+const CompositionInput = ({ fieldItems, initialValues, onChange, form, compositionShowReset, defaultSearchField, defaultSearchPlaceholder, clsPrefix, _onReset, _onSearch, }, ref) => {
     var _a;
-    return ((_a = f.props) === null || _a === void 0 ? void 0 : _a.name) === fieldItem.name;
-  })) === null || _a === void 0 ? void 0 : _a.props) || fieldItem : {};
-  var _ref2 = fieldItem || {},
-    props = _ref2.props;
-  var inputRef = (0, _react.useRef)(null);
-  var widthRef = (0, _react.useRef)(null);
-  var fieldRef = (0, _react.useRef)(null);
-  var eventRef = (0, _react.useRef)(false);
-  fieldItemsRef.current = fieldItems;
-  var updateValues = (0, _react.useCallback)(function (obj) {
-    var newValueArr = (0, _utils.parseObjectToArray)(obj, fieldItemsRef.current);
-    setValue(newValueArr);
-  }, []);
-  var updateValue = (0, _react.useCallback)(function (name, value) {
-    updateValues(_defineProperty({}, name, value));
-  }, []);
-  if (!eventRef.current) {
-    eventRef.current = true;
-    form.on('setValue', updateValue);
-    form.on('setValues', updateValues);
-  }
-  (0, _react.useEffect)(function () {
-    return function () {
-      form.off('setValue', updateValue);
-      form.off('setValues', updateValues);
-    };
-  }, []);
-  var handleFocus = function handleFocus(e) {
-    e.preventDefault();
-    setTimeout(function () {
-      var _a;
-      (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, 10);
-    if (!visible && !regex.test(searchText)) {
-      setVisible(true);
+    const prefix = `${clsPrefix}-composition-input`;
+    const [value, setValue] = useState(parseObjectToArray(initialValues, fieldItems));
+    const [tempItem, setTempItem] = useState();
+    const [searchText, setSearchText] = useState('');
+    const [visible, setVisible] = useState(false);
+    const [fieldItem, setFieldItem] = useState(undefined);
+    const fieldItemsRef = useRef(fieldItems);
+    const _fieldItem = fieldItem
+        ? ((_a = find(fieldItems, (f) => { var _a; return ((_a = f.props) === null || _a === void 0 ? void 0 : _a.name) === fieldItem.name; })) === null || _a === void 0 ? void 0 : _a.props) || fieldItem
+        : {};
+    const { props } = fieldItem || {};
+    const inputRef = useRef(null);
+    const widthRef = useRef(null);
+    const fieldRef = useRef(null);
+    const eventRef = useRef(false);
+    fieldItemsRef.current = fieldItems;
+    const updateValues = useCallback((obj) => {
+        const newValueArr = parseObjectToArray(obj, fieldItemsRef.current);
+        setValue(newValueArr);
+    }, []);
+    const updateValue = useCallback((name, value) => {
+        updateValues({ [name]: value });
+    }, []);
+    if (!eventRef.current) {
+        eventRef.current = true;
+        form.on('setValue', updateValue);
+        form.on('setValues', updateValues);
     }
-  };
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      changeVal: function changeVal() {
-        return value;
-      }
+    useEffect(() => {
+        return () => {
+            form.off('setValue', updateValue);
+            form.off('setValues', updateValues);
+        };
+    }, []);
+    const handleFocus = (e) => {
+        e.preventDefault();
+        setTimeout(() => {
+            var _a;
+            (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 10);
+        if (!visible && !regex.test(searchText)) {
+            setVisible(true);
+        }
     };
-  });
-  var onClear = function onClear(e) {
-    e.stopPropagation();
-    var initKeys = Object.keys(initialValues || {});
-    var deleteKeys = value === null || value === void 0 ? void 0 : value.filter(function (_ref3) {
-      var key = _ref3.key;
-      return !initKeys.includes(key);
-    }).map(function (_ref4) {
-      var key = _ref4.key;
-      return key;
-    });
-    setValue((0, _utils.parseObjectToArray)(initialValues || {}, fieldItems));
-    onChange(Object.assign({}, initialValues || {}), deleteKeys, false, true);
-    // 清除其他数据
-    setSearchText('');
-    setTempItem();
-    _onReset();
-  };
-  var doSearch = function doSearch(e) {
-    var _a;
-    e.stopPropagation();
-    var inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
-    if (tempItem && inputValue) {
-      if ((0, _isObject2["default"])(tempItem.value)) {
-        tempItem.value = _defineProperty({}, Object.keys(tempItem.value)[0], inputValue);
-      } else {
-        tempItem.value = inputValue; // 得到输入值
-      }
-      if (!(value === null || value === void 0 ? void 0 : value.find(function (v) {
-        return v.key === tempItem.key;
-      }))) {
-        var newValue = [].concat(_toConsumableArray(value), [tempItem]);
-        setValue(newValue);
-        onChange((0, _utils.parseArrayToObject)(newValue));
-      } else {
-        var _newValue = value.map(function (v) {
-          return v.key === tempItem.key ? tempItem : v;
-        });
-        setValue(_newValue);
-        onChange((0, _utils.parseArrayToObject)(_newValue));
-      }
-      e.target.value = tempItem.value;
-      form.emit('search', _defineProperty(_defineProperty({}, tempItem.key, tempItem.value), "current", 1));
-      setTempItem();
-      setSearchText('');
-    } else {
-      _onSearch();
-    }
-  };
-  var onDelete = function onDelete(key, e) {
-    var _a, _b;
-    e.preventDefault();
-    if (value.length > 0) {
-      var newValue = value.filter(function (v) {
-        return v.key !== key;
-      });
-      setValue(newValue);
-      var deleteKeys = [key];
-      onChange((0, _utils.parseArrayToObject)(newValue), deleteKeys, true);
-      // 删除的时候也触发Field的onChange --  泳建提的需求
-      var fieldProps = (_a = (0, _find2["default"])(fieldItems, function (it) {
+    useImperativeHandle(ref, () => ({
+        changeVal: () => {
+            return value;
+        },
+    }));
+    const onClear = (e) => {
+        e.stopPropagation();
+        const initKeys = Object.keys(initialValues || {});
+        const deleteKeys = value === null || value === void 0 ? void 0 : value.filter(({ key }) => !initKeys.includes(key)).map(({ key }) => key);
+        setValue(parseObjectToArray(initialValues || {}, fieldItems));
+        onChange(Object.assign({}, (initialValues || {})), deleteKeys, false, true);
+        // 清除其他数据
+        setSearchText('');
+        setTempItem();
+        _onReset();
+    };
+    const doSearch = (e) => {
         var _a;
-        return ((_a = it.props) === null || _a === void 0 ? void 0 : _a.name) === key;
-      })) === null || _a === void 0 ? void 0 : _a.props;
-      ((_b = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.props) === null || _b === void 0 ? void 0 : _b.onChange) && fieldProps.props.onChange(undefined);
-    }
-  };
-  var focusInput = function focusInput(value) {
-    var _a;
-    (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    setSearchText((0, _utils.getLabel)(value, fieldItems));
-    setTempItem(value);
-    setTimeout(function () {
-      var _a;
-      (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, 10);
-  };
-  var handleFieldChange = function handleFieldChange(value, isInput, hasValue) {
-    var needSearch = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-    if (isInput) {
-      focusInput(value);
-      return;
-    }
-    setValue(value);
-    setSearchText('');
-    setTempItem();
-    if (hasValue) onChange((0, _utils.parseArrayToObject)(value), undefined, needSearch);
-  };
-  // 输入框事件方法
-  var onInputChange = function onInputChange(e) {
-    var value = e.target.value;
-    if (tempItem) {
-      if (regex.test(value)) {
-        // 有输入值
-        setSearchText(value);
-      } else {
-        // 没有输入值, 清空选择的属性类型重新显示属性列表
+        e.stopPropagation();
+        const inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
+        if (tempItem && inputValue) {
+            if (isObject(tempItem.value)) {
+                tempItem.value = {
+                    [Object.keys(tempItem.value)[0]]: inputValue,
+                };
+            }
+            else {
+                tempItem.value = inputValue; // 得到输入值
+            }
+            if (!(value === null || value === void 0 ? void 0 : value.find((v) => v.key === tempItem.key))) {
+                const newValue = [...value, tempItem];
+                setValue(newValue);
+                onChange(parseArrayToObject(newValue));
+            }
+            else {
+                const newValue = value.map((v) => (v.key === tempItem.key ? tempItem : v));
+                setValue(newValue);
+                onChange(parseArrayToObject(newValue));
+            }
+            e.target.value = tempItem.value;
+            form.emit('search', { [tempItem.key]: tempItem.value, current: 1 });
+            setTempItem();
+            setSearchText('');
+        }
+        else {
+            _onSearch();
+        }
+    };
+    const onDelete = (key, e) => {
+        var _a, _b;
+        e.preventDefault();
+        if (value.length > 0) {
+            const newValue = value.filter((v) => v.key !== key);
+            setValue(newValue);
+            const deleteKeys = [key];
+            onChange(parseArrayToObject(newValue), deleteKeys, true);
+            // 删除的时候也触发Field的onChange --  泳建提的需求
+            const fieldProps = (_a = find(fieldItems, (it) => { var _a; return ((_a = it.props) === null || _a === void 0 ? void 0 : _a.name) === key; })) === null || _a === void 0 ? void 0 : _a.props;
+            ((_b = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.props) === null || _b === void 0 ? void 0 : _b.onChange) && fieldProps.props.onChange(undefined);
+        }
+    };
+    const focusInput = (value) => {
+        var _a;
+        (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        setSearchText(getLabel(value, fieldItems));
+        setTempItem(value);
+        setTimeout(() => {
+            var _a;
+            (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 10);
+    };
+    const handleFieldChange = (value, isInput, hasValue, needSearch = true) => {
+        if (isInput) {
+            focusInput(value);
+            return;
+        }
+        setValue(value);
         setSearchText('');
         setTempItem();
-      }
-    } else {
-      setSearchText(value);
-    }
-  };
-  var onPressEnter = function onPressEnter(e) {
-    var _a;
-    var inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
-    var fieldValue;
-    if (tempItem && inputValue) {
-      setVisible(false);
-      if ((0, _isObject2["default"])(tempItem.value)) {
-        tempItem.value = _defineProperty({}, Object.keys(tempItem.value)[0], inputValue);
-      } else {
-        tempItem.value = inputValue; // 得到输入值
-      }
-      fieldValue = tempItem;
-    } else if (defaultSearchField) {
-      fieldValue = {
-        key: defaultSearchField,
-        value: searchText
-      };
-    }
-    if (fieldValue) {
-      if (!(value === null || value === void 0 ? void 0 : value.find(function (v) {
-        return v.key === fieldValue.key;
-      }))) {
-        var newValue = [].concat(_toConsumableArray(value), [fieldValue]);
-        setValue(newValue);
-        onChange((0, _utils.parseArrayToObject)(newValue));
-      } else {
-        var _newValue2 = value.map(function (v) {
-          return v.key === fieldValue.key ? fieldValue : v;
-        });
-        setValue(_newValue2);
-        onChange((0, _utils.parseArrayToObject)(_newValue2));
-      }
-      e.target.value = fieldValue.value;
-      form.emit('search', _defineProperty(_defineProperty({}, fieldValue.key, fieldValue.value), "current", 1));
-      (props === null || props === void 0 ? void 0 : props.onPressEnter) && props.onPressEnter(e);
-    }
-    setTempItem();
-    setSearchText('');
-  };
-  return _react["default"].createElement(_LocaleReceiver["default"], {
-    componentName: "QueryForm"
-  }, function (locale) {
-    return _react["default"].createElement("div", {
-      className: prefix,
-      onClick: handleFocus
-    }, _react["default"].createElement("span", {
-      className: "".concat(prefix, "-width"),
-      ref: widthRef
-    }, searchText), _react["default"].createElement("ul", {
-      className: "".concat(prefix, "-items")
-    }, value && value.map(function (item, index) {
-      return _react["default"].createElement("li", {
-        key: item.key,
-        className: "".concat(prefix, "-items-item")
-      }, _react["default"].createElement(_ValueTag["default"], {
-        onChange: handleFieldChange,
-        value: value,
-        item: item,
-        fieldItems: fieldItems,
-        locale: locale,
-        onDelete: onDelete,
-        handleTag: focusInput,
-        clsPrefix: clsPrefix,
-        form: form
-      }));
-    }), _react["default"].createElement("li", {
-      className: "".concat(prefix, "-items-input")
-    }, _react["default"].createElement(_FieldPopover["default"], {
-      ref: fieldRef,
-      onChange: handleFieldChange,
-      clsPrefix: clsPrefix,
-      fieldItems: fieldItems,
-      propItem: _fieldItem,
-      setFieldItem: setFieldItem,
-      form: form,
-      regex: regex,
-      visible: visible,
-      value: value,
-      setVisible: setVisible,
-      searchText: searchText,
-      locale: locale,
-      placement: "bottomLeft"
-    }, _react["default"].createElement(_input["default"], Object.assign({
-      ref: inputRef,
-      value: searchText,
-      className: "inputClass",
-      placeholder: defaultSearchPlaceholder || (!(value === null || value === void 0 ? void 0 : value.length) ? locale.placeholder : undefined)
-    }, props, {
-      onPressEnter: onPressEnter,
-      onChange: onInputChange
-    }))))), _react["default"].createElement("div", {
-      className: "".concat(prefix, "-prefix")
-    }, _react["default"].createElement(_icon["default"], {
-      type: "filter"
-    })), compositionShowReset && _react["default"].createElement("div", {
-      className: "".concat(prefix, "-clear")
-    }, _react["default"].createElement(_icon["default"], {
-      onClick: onClear,
-      type: "close-circle",
-      theme: "filled"
-    })), _react["default"].createElement("div", {
-      className: "".concat(prefix, "-search"),
-      onClick: doSearch
-    }, _react["default"].createElement(_icon["default"], {
-      type: "search"
-    })));
-  });
+        if (hasValue)
+            onChange(parseArrayToObject(value), undefined, needSearch);
+    };
+    // 输入框事件方法
+    const onInputChange = (e) => {
+        const value = e.target.value;
+        if (tempItem) {
+            if (regex.test(value)) {
+                // 有输入值
+                setSearchText(value);
+            }
+            else {
+                // 没有输入值, 清空选择的属性类型重新显示属性列表
+                setSearchText('');
+                setTempItem();
+            }
+        }
+        else {
+            setSearchText(value);
+        }
+    };
+    const onPressEnter = (e) => {
+        var _a;
+        const inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
+        let fieldValue;
+        if (tempItem && inputValue) {
+            setVisible(false);
+            if (isObject(tempItem.value)) {
+                tempItem.value = {
+                    [Object.keys(tempItem.value)[0]]: inputValue,
+                };
+            }
+            else {
+                tempItem.value = inputValue; // 得到输入值
+            }
+            fieldValue = tempItem;
+        }
+        else if (defaultSearchField) {
+            fieldValue = { key: defaultSearchField, value: searchText };
+        }
+        if (fieldValue) {
+            if (!(value === null || value === void 0 ? void 0 : value.find((v) => v.key === fieldValue.key))) {
+                const newValue = [...value, fieldValue];
+                setValue(newValue);
+                onChange(parseArrayToObject(newValue));
+            }
+            else {
+                const newValue = value.map((v) => (v.key === fieldValue.key ? fieldValue : v));
+                setValue(newValue);
+                onChange(parseArrayToObject(newValue));
+            }
+            e.target.value = fieldValue.value;
+            form.emit('search', { [fieldValue.key]: fieldValue.value, current: 1 });
+            (props === null || props === void 0 ? void 0 : props.onPressEnter) && props.onPressEnter(e);
+        }
+        setTempItem();
+        setSearchText('');
+    };
+    return (React.createElement(LocaleReceiver, { componentName: "QueryForm" }, (locale) => {
+        return (React.createElement("div", { className: prefix, onClick: handleFocus },
+            React.createElement("span", { className: `${prefix}-width`, ref: widthRef }, searchText),
+            React.createElement("ul", { className: `${prefix}-items` },
+                value &&
+                    value.map((item, index) => (React.createElement("li", { key: item.key, className: `${prefix}-items-item` },
+                        React.createElement(ValueTag, { onChange: handleFieldChange, value: value, item: item, fieldItems: fieldItems, locale: locale, onDelete: onDelete, handleTag: focusInput, clsPrefix: clsPrefix, form: form })))),
+                React.createElement("li", { className: `${prefix}-items-input` },
+                    React.createElement(FieldPopover, { ref: fieldRef, onChange: handleFieldChange, clsPrefix: clsPrefix, fieldItems: fieldItems, propItem: _fieldItem, setFieldItem: setFieldItem, form: form, regex: regex, visible: visible, value: value, setVisible: setVisible, searchText: searchText, locale: locale, placement: "bottomLeft" },
+                        React.createElement(Input, Object.assign({ ref: inputRef, value: searchText, className: "inputClass", placeholder: defaultSearchPlaceholder || (!(value === null || value === void 0 ? void 0 : value.length) ? locale.placeholder : undefined) }, props, { onPressEnter: onPressEnter, onChange: onInputChange }))))),
+            React.createElement("div", { className: `${prefix}-prefix` },
+                React.createElement(Icon, { type: "filter" })),
+            compositionShowReset && (React.createElement("div", { className: `${prefix}-clear` },
+                React.createElement(Icon, { onClick: onClear, type: "close-circle", theme: "filled" }))),
+            React.createElement("div", { className: `${prefix}-search`, onClick: doSearch },
+                React.createElement(Icon, { type: "search" }))));
+    }));
 };
-var _default = exports["default"] = (0, _react.forwardRef)(CompositionInput);
+export default forwardRef(CompositionInput);
+//# sourceMappingURL=index.js.map