tntd 3.0.0-beta.1 → 3.0.0-beta.11

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

@@ -1,238 +1,365 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+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
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
+exports["default"] = void 0;
+var _get2 = _interopRequireDefault(require("lodash/get"));
+var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
+var _react = _interopRequireWildcard(require("react"));
+var _popover = _interopRequireDefault(require("../../../popover"));
+var _Select = _interopRequireDefault(require("./Select"));
+var _utils = require("./utils");
+var _fieldsMap = _interopRequireWildcard(require("../fieldsMap"));
+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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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(arr) { if (Array.isArray(arr)) return arr; }
+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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var isInput = function isInput(type) {
+  return ['input', 'string', 'search', 'number', 'inputNumber'].includes(type);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const lodash_1 = require("lodash");
-const popover_1 = __importDefault(require("../../../popover"));
-const Select_1 = __importDefault(require("./Select"));
-const utils_1 = require("./utils");
-const lodash_2 = require("lodash");
-const fieldsMap_1 = __importStar(require("../fieldsMap"));
-require("./FieldPopover.less");
-const isInput = (type) => ['input', 'string', 'search', 'number', 'inputNumber'].includes(type);
-exports.default = (_a) => {
-    var { visible, setVisible, searchText, children, value, onChange, options, locale, searchTarget, setSearchTarget, clsPrefix } = _a, props = __rest(_a, ["visible", "setVisible", "searchText", "children", "value", "onChange", "options", "locale", "searchTarget", "setSearchTarget", "clsPrefix"]);
-    const [dataItem, setDataItem] = (0, react_1.useState)(null);
-    const onPropsClick = (propItem) => {
-        const copyValue = (0, lodash_1.cloneDeep)(value);
-        if (!(copyValue === null || copyValue === void 0 ? void 0 : copyValue.find((v) => v.key === propItem.name))) {
-            copyValue.push({
-                key: propItem.name,
-                value: propItem.type === 'array' ? [] : '',
-                label: (propItem.propsTitle || propItem.title || propItem.name) + ':',
-            });
-        }
-        if (isInput(propItem.type)) {
-            const target = copyValue.find((v) => v.key === propItem.name);
-            onChange(target, true);
-            close();
-            return;
-        }
-        setDataItem(propItem);
-        onChange(copyValue);
-    };
-    const onSelectChange = (v, isMultiple) => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const copyValue = (0, lodash_1.cloneDeep)(value || []);
-        let index;
-        if (v.dataItem) {
-            const _index = copyValue.findIndex((vv) => { var _a; return vv.key === ((_a = v.dataItem) === null || _a === void 0 ? void 0 : _a.name); });
-            if (_index > -1) {
-                index = _index;
-            }
-            else {
-                copyValue.push({
-                    key: (_a = v.dataItem) === null || _a === void 0 ? void 0 : _a.name,
-                    value: isMultiple ? [] : '',
-                    label: (((_b = v.dataItem) === null || _b === void 0 ? void 0 : _b.propsTitle) || ((_c = v.dataItem) === null || _c === void 0 ? void 0 : _c.title) || ((_d = v.dataItem) === null || _d === void 0 ? void 0 : _d.name)) + ':',
-                });
-                index = copyValue.length - 1;
-            }
-        }
-        else {
-            index = copyValue.findIndex((v) => v.key === (dataItem === null || dataItem === void 0 ? void 0 : dataItem.name));
-        }
-        if (isMultiple) {
-            if (!((_f = (_e = copyValue[index]) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.length)) {
-                copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (v === null || v === void 0 ? void 0 : v.label);
-                copyValue[index].value = [v === null || v === void 0 ? void 0 : v.value];
-            }
-            else {
-                if (((_g = copyValue[index].value) === null || _g === void 0 ? void 0 : _g.indexOf(v.value)) > -1) {
-                    copyValue[index].value = copyValue[index].value.filter((val) => val !== v.value);
-                    const regex = new RegExp(`\\|?${v.label}`, 'g'); //new RegExp(`\\|?${variable}`, 'g')
-                    const result = copyValue[index].label.replace(regex, '');
-                    copyValue[index].label = result;
-                }
-                else {
-                    copyValue[index].value.push(v.value);
-                    copyValue[index].label += '|' + (v === null || v === void 0 ? void 0 : v.label);
-                }
-            }
-        }
-        else {
-            copyValue[index].value = v === null || v === void 0 ? void 0 : v.value;
-            copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (v === null || v === void 0 ? void 0 : v.label);
-            close();
-        }
-        onChange(copyValue, false, true);
+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;
+    var copyValue = (0, _cloneDeep2["default"])(value);
+    if (!(copyValue === null || copyValue === void 0 ? void 0 : copyValue.find(function (v) {
+      return v.key === props.name;
+    }))) {
+      copyValue.push({
+        key: props.name,
+        value: type === 'array' ? [] : undefined,
+        closable: true,
+        label: (props.propsTitle || props.title || props.name) + ':'
+      });
+    }
+    setFieldItem(props);
+    if (isInput(type)) {
+      var 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
     };
-    const onFieldChange = (...args) => {
-        var _a, _b;
-        const { type, component, props: fieldProps, setLabel } = dataItem || {};
-        const { onChange: onChangeCustom, options } = fieldProps || {};
-        onChangeCustom && onChangeCustom(...args);
-        const copyValue = (0, lodash_1.cloneDeep)(value);
-        const index = copyValue.findIndex((v) => v.key === (dataItem === null || dataItem === void 0 ? void 0 : dataItem.name));
-        copyValue[index].value = args[0];
-        if (type === 'date') {
-            copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + args[1];
-            close();
+  });
+  var onSelectChange = function onSelectChange(v, isMultiple) {
+    var _a, _b, _c, _d, _e, _f;
+    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);
         }
-        else if (type === 'dateRange') {
-            copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + ((_a = args[1]) === null || _a === void 0 ? void 0 : _a.join('~'));
-            if ((_b = args[1]) === null || _b === void 0 ? void 0 : _b[1]) {
-                close();
-            }
+      }
+      // 如果是模糊搜索-展开多选项
+      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();
+    }
+    var labelPrefix = "".concat(propObj.propsTitle || propObj.title || propObj.name, ": ");
+    if (propObj.setLabel) {
+      copyValue[index].label = labelPrefix + propObj.setLabel(copyValue[index].value);
+    } else {
+      copyValue[index].label = labelPrefix + (0, _utils.getLabelByValue)({
+        value: copyValue[index].value,
+        options: ((_e = propObj.props) === null || _e === void 0 ? void 0 : _e.options) || v.options,
+        fieldNames: ((_f = propObj.props) === null || _f === void 0 ? void 0 : _f.fieldNames) || {
+          label: 'label',
+          value: 'value'
         }
-        else if (type === 'selectInput') {
-            const key = (0, lodash_2.get)(Object.keys(args[0]), '0');
-            const val = (0, lodash_2.get)(args[0], key);
-            const label = (0, utils_1.getLabelFromOptions)(key, options);
-            copyValue[index].label = `${label}: ${val}`;
+      });
+    }
+    copyValue[index].closable = true;
+    onChange(copyValue, false, true);
+    (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
+  };
+  var onFieldChange = function onFieldChange() {
+    var _a, _b;
+    var _ref2 = propItem || {},
+      type = _ref2.type,
+      component = _ref2.component,
+      fieldProps = _ref2.props,
+      setLabel = _ref2.setLabel,
+      propsTitle = _ref2.propsTitle,
+      title = _ref2.title,
+      name = _ref2.name;
+    var _ref3 = fieldProps || {},
+      options = _ref3.options;
+    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];
+    var labelPrefix = "".concat(propsTitle || title || name, ": ");
+    if (setLabel) {
+      // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
+      copyValue[index].label = labelPrefix + setLabel(arguments.length <= 0 ? undefined : arguments[0]);
+    } else if (type === 'date') {
+      copyValue[index].label = labelPrefix + (arguments.length <= 1 ? undefined : arguments[1]);
+      close();
+    } else if (type === 'dateRange') {
+      copyValue[index].label = labelPrefix + ((_a = arguments.length <= 1 ? undefined : arguments[1]) === null || _a === void 0 ? void 0 : _a.join('~'));
+      if ((_b = arguments.length <= 1 ? undefined : arguments[1]) === null || _b === void 0 ? void 0 : _b[1]) {
+        close();
+      }
+    } else if (type === 'selectInput') {
+      var key = (0, _get2["default"])(Object.keys(arguments.length <= 0 ? undefined : arguments[0]), '0');
+      var val = (0, _get2["default"])(arguments.length <= 0 ? undefined : arguments[0], key);
+      var label = (0, _utils.getLabelFromOptions)(key, options);
+      copyValue[index].label = "".concat(label, ": ").concat(val);
+    } else if (type === 'checkbox') {
+      copyValue[index].label = labelPrefix + ((arguments.length <= 0 ? undefined : arguments[0]) ? locale.yes : locale.no);
+      close();
+    } else if (!type && component) {
+      copyValue[index].label = labelPrefix + ((arguments.length <= 1 ? undefined : arguments[1]) || (arguments.length <= 0 ? undefined : arguments[0]));
+      close();
+    }
+    copyValue[index].closable = true;
+    onChange(copyValue, false, true);
+    (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 _ref4 = v.props || {},
+          name = _ref4.name,
+          propsTitle = _ref4.propsTitle,
+          title = _ref4.title,
+          type = _ref4.type,
+          props = _ref4.props;
+        var _propsTitle = propsTitle || title || name;
+        if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
+          bool1 = true;
         }
-        else if (type === 'checkbox') {
-            copyValue[index].label = `${copyValue[index].label.match(/(.*:)/)[0]} ${args[0] ? local.Yes : local.No}`;
-            close();
+        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 if (!type && component) {
-            if (setLabel) {
-                // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
-                copyValue[index].label = setLabel(args[0]);
+      });
+      setSearchTarget(!bool2 && !bool1 ? null : {
+        propsTitle: bool1,
+        propsValue: bool2
+      });
+    } else {
+      setSearchTarget(undefined);
+    }
+  }, [fieldItems, searchText, propItem]);
+  var renderFirstOptions = function renderFirstOptions() {
+    return _react["default"].createElement("div", 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"
+    }, fieldItems === null || fieldItems === void 0 ? void 0 : fieldItems.map(function (v) {
+      var _ref5 = v.props || {},
+        name = _ref5.name,
+        propsTitle = _ref5.propsTitle,
+        title = _ref5.title,
+        type = _ref5.type,
+        props = _ref5.props;
+      var _propsTitle = propsTitle || title || name;
+      if (searchText) {
+        if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
+          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);
             }
-            else {
-                copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (args[1] || args[0]);
+          }, _react["default"].createElement("span", {
+            dangerouslySetInnerHTML: {
+              __html: (0, _utils.highlightSubstring)(_propsTitle, searchText)
             }
-            close();
-        }
-        onChange(copyValue, false, true);
-        // close()
-    };
-    const close = () => {
-        setVisible(false);
-    };
-    const handleVisibleChange = (visible) => {
-        setVisible(visible);
-    };
-    (0, react_1.useEffect)(() => {
-        setDataItem(null);
-    }, [visible]);
-    (0, react_1.useEffect)(() => {
-        let bool1 = false, bool2 = false;
-        if (searchText) {
-            options === null || options === void 0 ? void 0 : options.forEach((v) => {
-                const { name, propsTitle, title, type, 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 (label === null || label === void 0 ? void 0 : label.indexOf(searchText)) > -1;
-                });
-                if (target) {
-                    bool2 = true;
-                }
-            });
-            setSearchTarget(!bool2 && !bool1 ? null : { propsTitle: bool1, propsValue: bool2 });
+          }));
         }
-        else {
-            setSearchTarget(null);
+        return null;
+      }
+      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);
         }
-    }, [options, searchText]);
-    const renderFirstOptions = (menu) => {
-        return (react_1.default.createElement("div", null,
-            (!searchText || (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsTitle)) && react_1.default.createElement("label", null, locale.propTitle),
-            react_1.default.createElement("ul", { className: "ant-select-dropdown-menu" }, options === null || options === void 0 ? void 0 : options.map((v) => {
-                const { name, propsTitle, title, type, props } = v.props || {};
-                const _propsTitle = propsTitle || title || name;
-                if (searchText) {
-                    if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
-                        return (react_1.default.createElement("li", { className: "ant-select-dropdown-menu-item", key: name, value: name, onMouseDown: (e) => e.preventDefault(), onClick: () => {
-                                onPropsClick(v.props);
-                            } },
-                            react_1.default.createElement("span", { dangerouslySetInnerHTML: {
-                                    __html: (0, utils_1.highlightSubstring)(_propsTitle, searchText),
-                                } })));
-                    }
-                    return '';
-                }
-                return (react_1.default.createElement("li", { className: "ant-select-dropdown-menu-item", key: name, value: name, onMouseDown: (e) => e.preventDefault(), onClick: () => {
-                        onPropsClick(v.props);
-                    } }, _propsTitle));
-            })),
-            searchText && (react_1.default.createElement("div", null,
-                (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsValue) && react_1.default.createElement("label", null, locale.propValue),
-                react_1.default.createElement("ul", { className: "ant-select-dropdown-menu" }, options === null || options === void 0 ? void 0 : options.map((v) => {
-                    const { name, propsTitle, type, props } = v.props || {};
-                    const target = value === null || value === void 0 ? void 0 : value.find((v) => v.key === name);
-                    if (type === 'select' && props && props.options && props.options.length > 0) {
-                        return (react_1.default.createElement(Select_1.default, Object.assign({}, props, { searchText: searchText, onChange: onSelectChange, value: target === null || target === void 0 ? void 0 : target.value, dataItem: v.props })));
-                    }
-                    return;
-                }))))));
-    };
-    const renderSecondOptions = () => {
-        var _a;
-        const { name, propsTitle, title, type, className, component, props: fieldProps, } = dataItem || {};
-        const target = value === null || value === void 0 ? void 0 : value.find((v) => v.key === name);
-        const Field = component || fieldsMap_1.default[type];
-        return (react_1.default.createElement("div", { onClick: (e) => e.stopPropagation(), className: className },
-            react_1.default.createElement("label", null, propsTitle || title || name),
-            type === 'select' ? (react_1.default.createElement(Select_1.default, Object.assign({}, fieldProps, { onChange: onSelectChange, value: target === null || target === void 0 ? void 0 : target.value }))) : (react_1.default.createElement("div", { className: `${clsPrefix}-field-popover-content`, onClick: (e) => e.stopPropagation() },
-                react_1.default.createElement(Field, Object.assign({ 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) || (0, fieldsMap_1.getFieldWidth)(type) }), onChange: onFieldChange }))))));
-    };
-    return (react_1.default.createElement(popover_1.default, Object.assign({ trigger: "click", 
-        // onClick={(e) =>  e.stopPropagation()}
-        visible: visible, placement: "bottom", overlayClassName: `${clsPrefix}-field-popover`, content: !dataItem ? renderFirstOptions() : renderSecondOptions(), onVisibleChange: handleVisibleChange }, props), children));
+      }, _propsTitle);
+    })), searchText && _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 _ref6 = v.props || {},
+        name = _ref6.name,
+        propsTitle = _ref6.propsTitle,
+        type = _ref6.type,
+        props = _ref6.props;
+      var target = value === null || value === void 0 ? void 0 : value.find(function (v) {
+        return v.key === name;
+      });
+      if (type === 'select') {
+        // && props?.options?.length > 0
+        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;
+    })));
+  };
+  var renderSecondOptions = function renderSecondOptions() {
+    var _a;
+    var _ref7 = propItem || {},
+      name = _ref7.name,
+      propsTitle = _ref7.propsTitle,
+      title = _ref7.title,
+      type = _ref7.type,
+      className = _ref7.className,
+      component = _ref7.component,
+      fieldProps = _ref7.props;
+    var target = value === null || value === void 0 ? void 0 : value.find(function (v) {
+      return v.key === name;
+    });
+    var Field = component || _fieldsMap["default"][type];
+    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: target === null || target === void 0 ? void 0 : target.value
+    })) : _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) || (0, _fieldsMap.getFieldWidth)(type)
+      }),
+      close: close,
+      onChange: onFieldChange
+    }))));
+  };
+  return _react["default"].createElement(_popover["default"], Object.assign({
+    trigger: "click",
+    visible: visible,
+    placement: "bottom",
+    overlayClassName: "".concat(clsPrefix, "-field-popover"),
+    content: !popoverContent ? renderFirstOptions() : renderSecondOptions(),
+    onVisibleChange: handleVisibleChange
+  }, props), children);
 };
-//# sourceMappingURL=FieldPopover.js.map
+var _default = exports["default"] = (0, _react.forwardRef)(FieldPopover);