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

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

@@ -1,361 +1,224 @@
-"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 _find2 = _interopRequireDefault(require("lodash/find"));
-var _filter2 = _interopRequireDefault(require("lodash/filter"));
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-var _react = _interopRequireWildcard(require("react"));
-var _empty = require("../../../empty");
-var _popover = _interopRequireDefault(require("../../../popover"));
-var _ellipsis = _interopRequireDefault(require("../../../ellipsis"));
-var _Select = _interopRequireDefault(require("./Select"));
-var _utils = require("./utils");
-var _fieldsMap = _interopRequireDefault(require("../fieldsMap"));
-var _SelectInput = _interopRequireDefault(require("./SelectInput"));
-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 _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;
+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;
 };
-var FieldPopover = function FieldPopover(_a, ref) {
-  var visible = _a.visible,
-    setVisible = _a.setVisible,
-    searchText = _a.searchText,
-    children = _a.children,
-    value = _a.value,
-    regex = _a.regex,
-    fieldItems = _a.fieldItems,
-    propItem = _a.propItem,
-    setFieldItem = _a.setFieldItem,
-    onChange = _a.onChange,
-    form = _a.form,
-    locale = _a.locale,
-    clsPrefix = _a.clsPrefix,
-    props = __rest(_a, ["visible", "setVisible", "searchText", "children", "value", "regex", "fieldItems", "propItem", "setFieldItem", "onChange", "form", "locale", "clsPrefix"]);
-  var _useState = (0, _react.useState)(undefined),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchTarget = _useState2[0],
-    setSearchTarget = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    popoverContent = _useState4[0],
-    setPopoverContent = _useState4[1];
-  var onPropsClick = function onPropsClick(props) {
-    var _ref = props || {},
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'input' : _ref$type,
-      name = _ref.name,
-      pName = _ref.pName,
-      cName = _ref.cName,
-      component = _ref.component;
-    var copyValue = (0, _cloneDeep2["default"])(value);
-    if (!pName && !(copyValue === null || copyValue === void 0 ? void 0 : copyValue.find(function (v) {
-      return v.key === name;
-    }))) {
-      copyValue.push({
-        key: name,
-        value: type === 'array' ? [] : undefined
-      });
-    }
-    setFieldItem(props);
-    if ((0, _utils.isInput)(type) && !component) {
-      var target;
-      if (pName) {
-        target = copyValue.find(function (v) {
-          return v.key === pName && !!(0, _get2["default"])(v.value, cName);
-        }) || {
-          key: pName,
-          value: _defineProperty({}, cName, undefined)
-        };
-      } else {
-        target = copyValue.find(function (v) {
-          return v.key === props.name;
-        });
-      }
-      onChange(target, true);
-      close();
-      return;
-    }
-    setVisible(true);
-    setPopoverContent(true);
-    onChange(copyValue);
-  };
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      onPropsClick: onPropsClick
-    };
-  });
-  var onSelectChange = function onSelectChange(v, isMultiple) {
-    var _a, _b, _c, _d;
-    var propObj = (v === null || v === void 0 ? void 0 : v.propItem) || propItem || {};
-    var fieldProps = propObj.props; // 直接搜索拿v.xx的值
-    var copyValue = (0, _cloneDeep2["default"])(value || []);
-    var index;
-    if (v === null || v === void 0 ? void 0 : v.propItem) {
-      // 模糊搜索
-      var _index = copyValue.findIndex(function (vv) {
-        var _a;
-        return vv.key === ((_a = v.propItem) === null || _a === void 0 ? void 0 : _a.name);
-      });
-      if (_index > -1) {
-        index = _index;
-      } else {
-        copyValue.push({
-          key: (_a = v.propItem) === null || _a === void 0 ? void 0 : _a.name,
-          value: isMultiple ? [] : ''
-        });
-        index = copyValue.length - 1;
-      }
-      setFieldItem(v.propItem);
-    } else {
-      // 选择值
-      index = copyValue.findIndex(function (v) {
-        return v.key === (propItem === null || propItem === void 0 ? void 0 : propItem.name);
-      });
-    }
-    if (isMultiple) {
-      if (!((_c = (_b = copyValue[index]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.length)) {
-        copyValue[index].value = [v === null || v === void 0 ? void 0 : v.value];
-      } else {
-        if (((_d = copyValue[index].value) === null || _d === void 0 ? void 0 : _d.indexOf(v.value)) > -1) {
-          copyValue[index].value = copyValue[index].value.filter(function (val) {
-            return val !== v.value;
-          });
-        } else {
-          copyValue[index].value.push(v.value);
+import React, { useEffect, useState, forwardRef, useImperativeHandle } from 'react';
+import { cloneDeep, filter, find, get } from 'lodash';
+import { Empty } from '../../../empty';
+import Popover from '../../../popover';
+import Ellipsis from '../../../ellipsis';
+import SelectOpt from './Select';
+import { highlightSubstring, formatLabel, isInput } from './utils';
+import fieldsMap from '../fieldsMap';
+import SelectInput from './SelectInput';
+import './FieldPopover.less';
+const FieldPopover = (_a, ref) => {
+    var { visible, setVisible, searchText, children, value, regex, fieldItems, propItem, setFieldItem, onChange, form, locale, clsPrefix } = _a, props = __rest(_a, ["visible", "setVisible", "searchText", "children", "value", "regex", "fieldItems", "propItem", "setFieldItem", "onChange", "form", "locale", "clsPrefix"]);
+    const [searchTarget, setSearchTarget] = useState(undefined);
+    const [popoverContent, setPopoverContent] = useState(false);
+    const onPropsClick = (props) => {
+        const { type = 'input', name, pName, cName, component } = props || {};
+        const copyValue = cloneDeep(value);
+        if (!pName && !(copyValue === null || copyValue === void 0 ? void 0 : copyValue.find((v) => v.key === name))) {
+            copyValue.push({
+                key: name,
+                value: type === 'array' ? [] : undefined,
+            });
+        }
+        setFieldItem(props);
+        if (isInput(type) && !component) {
+            let target;
+            if (pName) {
+                target = copyValue.find((v) => v.key === pName && !!get(v.value, cName)) || {
+                    key: pName,
+                    value: { [cName]: undefined },
+                };
+            }
+            else {
+                target = copyValue.find((v) => v.key === props.name);
+            }
+            onChange(target, true);
+            close();
+            return;
         }
-      }
-      // 如果是模糊搜索-展开多选项
-      if (v === null || v === void 0 ? void 0 : v.propItem) {
-        setFieldItem(v === null || v === void 0 ? void 0 : v.propItem);
         setVisible(true);
         setPopoverContent(true);
-      }
-    } 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 onFieldChange = function onFieldChange() {
-    var _a;
-    var _ref2 = propItem || {},
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? 'input' : _ref2$type,
-      component = _ref2.component,
-      fieldProps = _ref2.props;
-    var copyValue = (0, _cloneDeep2["default"])(value);
-    var index = copyValue.findIndex(function (v) {
-      return v.key === (propItem === null || propItem === void 0 ? void 0 : propItem.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 close = function close() {
-    setVisible(false);
-    setTimeout(function () {
-      setFieldItem();
-      setPopoverContent(false);
-    }, 1);
-  };
-  var handleVisibleChange = function handleVisibleChange() {
-    if (!visible && !regex.test(searchText)) {
-      setVisible(true);
-    } else {
-      close();
-    }
-  };
-  (0, _react.useEffect)(function () {
-    var bool1 = false,
-      bool2 = false;
-    if (searchText && !propItem) {
-      fieldItems === null || fieldItems === void 0 ? void 0 : fieldItems.forEach(function (v) {
-        var _ref3 = v.props || {},
-          name = _ref3.name,
-          propsTitle = _ref3.propsTitle,
-          title = _ref3.title,
-          _ref3$type = _ref3.type,
-          type = _ref3$type === void 0 ? 'input' : _ref3$type,
-          props = _ref3.props;
-        var _propsTitle = propsTitle || title || name;
-        if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
-          bool1 = true;
+        onChange(copyValue);
+    };
+    useImperativeHandle(ref, () => ({
+        onPropsClick,
+    }));
+    const onSelectChange = (v, isMultiple) => {
+        var _a, _b, _c, _d;
+        const propObj = (v === null || v === void 0 ? void 0 : v.propItem) || propItem || {};
+        const { props: fieldProps } = propObj; // 直接搜索拿v.xx的值
+        const copyValue = cloneDeep(value || []);
+        let index;
+        if (v === null || v === void 0 ? void 0 : v.propItem) {
+            // 模糊搜索
+            const _index = copyValue.findIndex((vv) => { var _a; return vv.key === ((_a = v.propItem) === null || _a === void 0 ? void 0 : _a.name); });
+            if (_index > -1) {
+                index = _index;
+            }
+            else {
+                copyValue.push({
+                    key: (_a = v.propItem) === null || _a === void 0 ? void 0 : _a.name,
+                    value: isMultiple ? [] : '',
+                });
+                index = copyValue.length - 1;
+            }
+            setFieldItem(v.propItem);
         }
-        var sOptions = type !== 'select' ? [] : (props === null || props === void 0 ? void 0 : props.options) || [];
-        var fieldNames = props === null || props === void 0 ? void 0 : props.fieldNames;
-        var target = sOptions === null || sOptions === void 0 ? void 0 : sOptions.find(function (item) {
-          var labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
-          var label = item instanceof Object ? item[labelKey] : item + '';
-          return (_react["default"].isValidElement(label) ? (0, _utils.formatLabel)(label) : label).indexOf(searchText) > -1;
-        });
-        if (target) {
-          bool2 = true;
+        else {
+            // 选择值
+            index = copyValue.findIndex((v) => v.key === (propItem === null || propItem === void 0 ? void 0 : propItem.name));
         }
-      });
-      setSearchTarget(!bool2 && !bool1 ? null : {
-        propsTitle: bool1,
-        propsValue: bool2
-      });
-    } else {
-      setSearchTarget(undefined);
-    }
-  }, [fieldItems, searchText, propItem]);
-  var renderFirstOptions = function renderFirstOptions() {
-    var firstItems = searchText ? (0, _filter2["default"])(fieldItems, function (v) {
-      var _ref4 = v.props || {},
-        name = _ref4.name,
-        propsTitle = _ref4.propsTitle,
-        title = _ref4.title;
-      var _propsTitle = propsTitle || title || name;
-      return (_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1;
-    }) : fieldItems;
-    var secondItems = searchText ? (0, _filter2["default"])(fieldItems, function (v) {
-      var _ref5 = v.props || {},
-        _ref5$type = _ref5.type,
-        type = _ref5$type === void 0 ? 'input' : _ref5$type,
-        props = _ref5.props;
-      var _ref6 = props || {},
-        options = _ref6.options,
-        loadData = _ref6.loadData,
-        fieldNames = _ref6.fieldNames;
-      return type === 'select' && !loadData && !!(0, _find2["default"])(options, function (item) {
-        var labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
-        var label = item instanceof Object ? item[labelKey] : item + '';
-        var isReactDom = _react["default"].isValidElement(label);
-        var _label = isReactDom ? (0, _utils.formatLabel)(label) : label;
-        return (_label === null || _label === void 0 ? void 0 : _label.indexOf(searchText)) > -1;
-      });
-    }) : [];
-    return _react["default"].createElement("div", null, firstItems.length > 0 && _react["default"].createElement(_react["default"].Fragment, null, (!searchText || (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsTitle)) && _react["default"].createElement("label", null, locale.propTitle), _react["default"].createElement("ul", {
-      className: "ant-select-dropdown-menu"
-    }, firstItems.map(function (v) {
-      var _ref7 = v.props || {},
-        name = _ref7.name,
-        propsTitle = _ref7.propsTitle,
-        title = _ref7.title,
-        type = _ref7.type,
-        props = _ref7.props;
-      var _propsTitle = propsTitle || title || name;
-      return _react["default"].createElement("li", {
-        className: "ant-select-dropdown-menu-item",
-        key: name,
-        value: name,
-        onMouseDown: function onMouseDown(e) {
-          return e.preventDefault();
-        },
-        onClick: function onClick() {
-          onPropsClick(v.props);
+        if (isMultiple) {
+            if (!((_c = (_b = copyValue[index]) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.length)) {
+                copyValue[index].value = [v === null || v === void 0 ? void 0 : v.value];
+            }
+            else {
+                if (((_d = copyValue[index].value) === null || _d === void 0 ? void 0 : _d.indexOf(v.value)) > -1) {
+                    copyValue[index].value = copyValue[index].value.filter((val) => val !== v.value);
+                }
+                else {
+                    copyValue[index].value.push(v.value);
+                }
+            }
+            // 如果是模糊搜索-展开多选项
+            if (v === null || v === void 0 ? void 0 : v.propItem) {
+                setFieldItem(v === null || v === void 0 ? void 0 : v.propItem);
+                setVisible(true);
+                setPopoverContent(true);
+            }
         }
-      }, _react["default"].createElement(_ellipsis["default"], {
-        widthLimit: 220,
-        title: searchText ? _react["default"].createElement("span", {
-          dangerouslySetInnerHTML: {
-            __html: (0, _utils.highlightSubstring)(_propsTitle, searchText)
-          }
-        }) : _propsTitle
-      }));
-    }))), secondItems.length > 0 && _react["default"].createElement("div", null, (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsValue) && _react["default"].createElement("label", null, locale.propValue), fieldItems === null || fieldItems === void 0 ? void 0 : fieldItems.map(function (v) {
-      var _ref8 = v.props || {},
-        name = _ref8.name,
-        _ref8$type = _ref8.type,
-        type = _ref8$type === void 0 ? 'input' : _ref8$type,
-        props = _ref8.props;
-      var target = value === null || value === void 0 ? void 0 : value.find(function (v) {
-        return v.key === name;
-      });
-      if (type === 'select') {
-        return _react["default"].createElement(_Select["default"], Object.assign({
-          key: name
-        }, props, {
-          searchText: searchText,
-          propItem: v.props,
-          onChange: onSelectChange,
-          value: target === null || target === void 0 ? void 0 : target.value
-        }));
-      }
-      return;
-    })), !firstItems.length && !secondItems.length && _react["default"].createElement(_empty.Empty, {
-      size: "mini"
-    }));
-  };
-  var renderSecondOptions = function renderSecondOptions() {
-    var _a;
-    var _ref9 = propItem || {},
-      name = _ref9.name,
-      propsTitle = _ref9.propsTitle,
-      title = _ref9.title,
-      _ref9$type = _ref9.type,
-      type = _ref9$type === void 0 ? 'input' : _ref9$type,
-      className = _ref9.className,
-      component = _ref9.component,
-      fieldProps = _ref9.props;
-    var target = value === null || value === void 0 ? void 0 : value.find(function (v) {
-      return v.key === name;
-    });
-    var isSelectInput = type === 'selectInput';
-    var Field = isSelectInput ? _SelectInput["default"] : component || _fieldsMap["default"][type] || function () {
-      return null;
+        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);
+    };
+    const onFieldChange = (...args) => {
+        var _a;
+        const { type = 'input', component, props: fieldProps } = propItem || {};
+        const copyValue = cloneDeep(value);
+        const index = copyValue.findIndex((v) => v.key === (propItem === null || propItem === void 0 ? void 0 : propItem.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 close = () => {
+        setVisible(false);
+        setTimeout(() => {
+            setFieldItem();
+            setPopoverContent(false);
+        }, 1);
+    };
+    const handleVisibleChange = () => {
+        if (!visible && !regex.test(searchText)) {
+            setVisible(true);
+        }
+        else {
+            close();
+        }
+    };
+    useEffect(() => {
+        let bool1 = false, bool2 = false;
+        if (searchText && !propItem) {
+            fieldItems === null || fieldItems === void 0 ? void 0 : fieldItems.forEach((v) => {
+                const { name, propsTitle, title, type = 'input', props } = v.props || {};
+                const _propsTitle = propsTitle || title || name;
+                if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
+                    bool1 = true;
+                }
+                const sOptions = type !== 'select' ? [] : (props === null || props === void 0 ? void 0 : props.options) || [];
+                const fieldNames = props === null || props === void 0 ? void 0 : props.fieldNames;
+                const target = sOptions === null || sOptions === void 0 ? void 0 : sOptions.find((item) => {
+                    const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
+                    const label = item instanceof Object ? item[labelKey] : item + '';
+                    return (React.isValidElement(label) ? formatLabel(label) : label).indexOf(searchText) > -1;
+                });
+                if (target) {
+                    bool2 = true;
+                }
+            });
+            setSearchTarget(!bool2 && !bool1 ? null : { propsTitle: bool1, propsValue: bool2 });
+        }
+        else {
+            setSearchTarget(undefined);
+        }
+    }, [fieldItems, searchText, propItem]);
+    const renderFirstOptions = () => {
+        const firstItems = searchText
+            ? filter(fieldItems, (v) => {
+                const { name, propsTitle, title } = v.props || {};
+                const _propsTitle = propsTitle || title || name;
+                return (_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1;
+            })
+            : fieldItems;
+        const secondItems = searchText
+            ? filter(fieldItems, (v) => {
+                const { type = 'input', props } = v.props || {};
+                const { options, loadData, fieldNames } = props || {};
+                return (type === 'select' &&
+                    !loadData &&
+                    !!find(options, (item) => {
+                        const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
+                        const label = item instanceof Object ? item[labelKey] : item + '';
+                        const isReactDom = React.isValidElement(label);
+                        const _label = isReactDom ? formatLabel(label) : label;
+                        return (_label === null || _label === void 0 ? void 0 : _label.indexOf(searchText)) > -1;
+                    }));
+            })
+            : [];
+        return (React.createElement("div", null,
+            firstItems.length > 0 && (React.createElement(React.Fragment, null,
+                (!searchText || (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsTitle)) && React.createElement("label", null, locale.propTitle),
+                React.createElement("ul", { className: "ant-select-dropdown-menu" }, firstItems.map((v) => {
+                    const { name, propsTitle, title, type, props } = v.props || {};
+                    const _propsTitle = propsTitle || title || name;
+                    return (React.createElement("li", { className: "ant-select-dropdown-menu-item", key: name, value: name, onMouseDown: (e) => e.preventDefault(), onClick: () => {
+                            onPropsClick(v.props);
+                        } },
+                        React.createElement(Ellipsis, { widthLimit: 220, title: searchText ? (React.createElement("span", { dangerouslySetInnerHTML: {
+                                    __html: highlightSubstring(_propsTitle, searchText),
+                                } })) : (_propsTitle) })));
+                })))),
+            secondItems.length > 0 && (React.createElement("div", null,
+                (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsValue) && React.createElement("label", null, locale.propValue), fieldItems === null || fieldItems === void 0 ? void 0 :
+                fieldItems.map((v) => {
+                    const { name, type = 'input', props } = v.props || {};
+                    const target = value === null || value === void 0 ? void 0 : value.find((v) => v.key === name);
+                    if (type === 'select') {
+                        return (React.createElement(SelectOpt, Object.assign({ key: name }, props, { searchText: searchText, propItem: v.props, onChange: onSelectChange, value: target === null || target === void 0 ? void 0 : target.value })));
+                    }
+                    return;
+                }))),
+            !firstItems.length && !secondItems.length && React.createElement(Empty, { size: "mini" })));
+    };
+    const renderSecondOptions = () => {
+        var _a;
+        const { name, propsTitle, title, type = 'input', className, component, props: fieldProps, } = propItem || {};
+        const target = value === null || value === void 0 ? void 0 : value.find((v) => v.key === name);
+        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, { searchText: searchText, propItem: propItem, onChange: onSelectChange, value: target === null || target === void 0 ? void 0 : target.value, showEmpty: true }))) : (React.createElement("div", { className: `${clsPrefix}-field-popover-content`, onClick: (e) => e.stopPropagation() },
+                React.createElement(Field, Object.assign({ form: form, value: target === null || target === void 0 ? void 0 : target.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 }))))));
     };
-    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, {
-      searchText: searchText,
-      propItem: propItem,
-      onChange: onSelectChange,
-      value: target === null || target === void 0 ? void 0 : target.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: target === null || target === void 0 ? void 0 : target.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
-    }))));
-  };
-  return _react["default"].createElement(_popover["default"], Object.assign({
-    trigger: "click",
-    visible: visible,
-    overlayClassName: "".concat(clsPrefix, "-field-popover"),
-    content: !popoverContent ? renderFirstOptions() : renderSecondOptions(),
-    onVisibleChange: handleVisibleChange
-  }, props), children);
+    return (React.createElement(Popover, Object.assign({ trigger: "click", visible: visible, overlayClassName: `${clsPrefix}-field-popover`, content: !popoverContent ? renderFirstOptions() : renderSecondOptions(), onVisibleChange: handleVisibleChange }, props), children));
 };
-var _default = exports["default"] = (0, _react.forwardRef)(FieldPopover);
+export default forwardRef(FieldPopover);
+//# sourceMappingURL=FieldPopover.js.map