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

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

@@ -1,12 +1,36 @@
-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';
+"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; }
 /**
  * @param value: [{
       key: 'key1',
@@ -18,207 +42,296 @@ import './index.less';
  * @param {*} ref
  * @returns
  */
-const regex = /^.+:.*$/;
-const CompositionInput = ({ fieldItems, initialValues, onChange, form, compositionShowReset, defaultSearchField, defaultSearchPlaceholder, clsPrefix, _onReset, _onSearch, }, ref) => {
+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) {
     var _a;
-    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);
-    }
-    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);
-        }
-    };
-    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;
-        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();
-        }
+    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);
     };
-    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);
-        }
+  }, []);
+  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);
+    }
+  };
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      changeVal: function changeVal() {
+        return value;
+      }
     };
-    const focusInput = (value) => {
+  });
+  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) {
         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);
+        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 {
+        // 没有输入值, 清空选择的属性类型重新显示属性列表
         setSearchText('');
         setTempItem();
-        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" }))));
-    }));
+      }
+    } 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"
+    })));
+  });
 };
-export default forwardRef(CompositionInput);
-//# sourceMappingURL=index.js.map
+var _default = exports["default"] = (0, _react.forwardRef)(CompositionInput);