tntd 3.0.0-beta → 3.0.0-beta.1

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

@@ -1,319 +1,238 @@
 "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
+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;
 });
-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 __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 isInput = function isInput(type) {
-  return ['input', 'string', 'search', 'number', 'inputNumber'].includes(type);
+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 _default = exports["default"] = function _default(_a) {
-  var visible = _a.visible,
-    setVisible = _a.setVisible,
-    searchText = _a.searchText,
-    children = _a.children,
-    value = _a.value,
-    onChange = _a.onChange,
-    options = _a.options,
-    locale = _a.locale,
-    searchTarget = _a.searchTarget,
-    setSearchTarget = _a.setSearchTarget,
-    clsPrefix = _a.clsPrefix,
-    props = __rest(_a, ["visible", "setVisible", "searchText", "children", "value", "onChange", "options", "locale", "searchTarget", "setSearchTarget", "clsPrefix"]);
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    dataItem = _useState2[0],
-    setDataItem = _useState2[1];
-  var onPropsClick = function onPropsClick(propItem) {
-    var copyValue = (0, _cloneDeep2["default"])(value);
-    if (!(copyValue === null || copyValue === void 0 ? void 0 : copyValue.find(function (v) {
-      return v.key === propItem.name;
-    }))) {
-      copyValue.push({
-        key: propItem.name,
-        value: propItem.type === 'array' ? [] : '',
-        label: (propItem.propsTitle || propItem.title || propItem.name) + ':'
-      });
-    }
-    if (isInput(propItem.type)) {
-      var target = copyValue.find(function (v) {
-        return v.key === propItem.name;
-      });
-      onChange(target, true);
-      close();
-      return;
-    }
-    setDataItem(propItem);
-    onChange(copyValue);
-  };
-  var onSelectChange = function onSelectChange(v, isMultiple) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var copyValue = (0, _cloneDeep2["default"])(value || []);
-    var index;
-    if (v.dataItem) {
-      var _index = copyValue.findIndex(function (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(function (v) {
-        return 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(function (val) {
-            return val !== v.value;
-          });
-          var regex = new RegExp("\\|?".concat(v.label), 'g'); //new RegExp(`\\|?${variable}`, 'g')
-          var 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);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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) + ':',
+            });
         }
-      }
-    } 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 onFieldChange = function onFieldChange() {
-    var _a, _b;
-    var _ref = dataItem || {},
-      type = _ref.type,
-      component = _ref.component,
-      fieldProps = _ref.props,
-      setLabel = _ref.setLabel;
-    var _ref2 = fieldProps || {},
-      onChangeCustom = _ref2.onChange,
-      options = _ref2.options;
-    onChangeCustom && onChangeCustom.apply(void 0, arguments);
-    var copyValue = (0, _cloneDeep2["default"])(value);
-    var index = copyValue.findIndex(function (v) {
-      return v.key === (dataItem === null || dataItem === void 0 ? void 0 : dataItem.name);
-    });
-    copyValue[index].value = arguments.length <= 0 ? undefined : arguments[0];
-    if (type === 'date') {
-      copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (arguments.length <= 1 ? undefined : arguments[1]);
-      close();
-    } else if (type === 'dateRange') {
-      copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + ((_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 = "".concat(copyValue[index].label.match(/(.*:)/)[0], " ").concat((arguments.length <= 0 ? undefined : arguments[0]) ? local.Yes : local.No);
-      close();
-    } else if (!type && component) {
-      if (setLabel) {
-        // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
-        copyValue[index].label = setLabel(arguments.length <= 0 ? undefined : arguments[0]);
-      } else {
-        copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + ((arguments.length <= 1 ? undefined : arguments[1]) || (arguments.length <= 0 ? undefined : arguments[0]));
-      }
-      close();
-    }
-    onChange(copyValue, false, true);
-    // close()
-  };
-  var close = function close() {
-    setVisible(false);
-  };
-  var handleVisibleChange = function handleVisibleChange(visible) {
-    setVisible(visible);
-  };
-  (0, _react.useEffect)(function () {
-    setDataItem(null);
-  }, [visible]);
-  (0, _react.useEffect)(function () {
-    var bool1 = false,
-      bool2 = false;
-    if (searchText) {
-      options === null || options === void 0 ? void 0 : options.forEach(function (v) {
-        var _ref3 = v.props || {},
-          name = _ref3.name,
-          propsTitle = _ref3.propsTitle,
-          title = _ref3.title,
-          type = _ref3.type,
-          props = _ref3.props;
-        var _propsTitle = propsTitle || title || name;
-        if ((_propsTitle === null || _propsTitle === void 0 ? void 0 : _propsTitle.indexOf(searchText)) > -1) {
-          bool1 = true;
+        if (isInput(propItem.type)) {
+            const target = copyValue.find((v) => v.key === propItem.name);
+            onChange(target, true);
+            close();
+            return;
         }
-        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 (label === null || label === void 0 ? void 0 : label.indexOf(searchText)) > -1;
-        });
-        if (target) {
-          bool2 = true;
+        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;
+            }
         }
-      });
-      setSearchTarget(!bool2 && !bool1 ? null : {
-        propsTitle: bool1,
-        propsValue: bool2
-      });
-    } else {
-      setSearchTarget(null);
-    }
-  }, [options, searchText]);
-  var renderFirstOptions = function renderFirstOptions(menu) {
-    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"
-    }, options === null || options === void 0 ? void 0 : options.map(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 (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 {
+            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];
             }
-          }, _react["default"].createElement("span", {
-            dangerouslySetInnerHTML: {
-              __html: (0, _utils.highlightSubstring)(_propsTitle, searchText)
+            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);
+                }
             }
-          }));
         }
-        return '';
-      }
-      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].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);
+    };
+    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();
+        }
+        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();
+            }
         }
-      }, _propsTitle);
-    })), searchText && _react["default"].createElement("div", null, (searchTarget === null || searchTarget === void 0 ? void 0 : searchTarget.propsValue) && _react["default"].createElement("label", null, locale.propValue), _react["default"].createElement("ul", {
-      className: "ant-select-dropdown-menu"
-    }, options === null || options === void 0 ? void 0 : options.map(function (v) {
-      var _ref5 = v.props || {},
-        name = _ref5.name,
-        propsTitle = _ref5.propsTitle,
-        type = _ref5.type,
-        props = _ref5.props;
-      var target = value === null || value === void 0 ? void 0 : value.find(function (v) {
-        return v.key === name;
-      });
-      if (type === 'select' && props && props.options && props.options.length > 0) {
-        return _react["default"].createElement(_Select["default"], Object.assign({}, props, {
-          searchText: searchText,
-          onChange: onSelectChange,
-          value: target === null || target === void 0 ? void 0 : target.value,
-          dataItem: v.props
-        }));
-      }
-      return;
-    }))));
-  };
-  var renderSecondOptions = function renderSecondOptions() {
-    var _a;
-    var _ref6 = dataItem || {},
-      name = _ref6.name,
-      propsTitle = _ref6.propsTitle,
-      title = _ref6.title,
-      type = _ref6.type,
-      className = _ref6.className,
-      component = _ref6.component,
-      fieldProps = _ref6.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, {
-      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({
-      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)
-      }),
-      onChange: onFieldChange
-    }))));
-  };
-  return _react["default"].createElement(_popover["default"], Object.assign({
-    trigger: "click",
-    // onClick={(e) =>  e.stopPropagation()}
-    visible: visible,
-    placement: "bottom",
-    overlayClassName: "".concat(clsPrefix, "-field-popover"),
-    content: !dataItem ? renderFirstOptions() : renderSecondOptions(),
-    onVisibleChange: handleVisibleChange
-  }, props), children);
-};
+        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}`;
+        }
+        else if (type === 'checkbox') {
+            copyValue[index].label = `${copyValue[index].label.match(/(.*:)/)[0]} ${args[0] ? local.Yes : local.No}`;
+            close();
+        }
+        else if (!type && component) {
+            if (setLabel) {
+                // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
+                copyValue[index].label = setLabel(args[0]);
+            }
+            else {
+                copyValue[index].label = copyValue[index].label.match(/(.*:)/)[0] + (args[1] || args[0]);
+            }
+            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);
+        }
+    }, [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));
+};
+//# sourceMappingURL=FieldPopover.js.map