tntd 3.0.35 → 3.0.36

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

@@ -1,7 +1,108 @@
-import _find from "lodash/find";
-import _filter from "lodash/filter";
-import _cloneDeep from "lodash/cloneDeep";
-var __rest = this && this.__rest || function (s, e) {
+"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 _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"));
+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 _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++) {
@@ -9,48 +110,48 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import React, { useEffect, useState, forwardRef, useImperativeHandle } from 'react';
-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 './FieldPopover.less';
-const FieldPopover = (_a, ref) => {
-  var {
-      visible,
-      setVisible,
-      searchText,
-      children,
-      value,
-      regex,
-      fieldItems,
-      propItem,
-      setFieldItem,
-      onChange,
-      form,
-      locale,
-      clsPrefix
-    } = _a,
+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"]);
-  const [searchTarget, setSearchTarget] = useState(undefined);
-  const [popoverContent, setPopoverContent] = useState(false);
-  const onPropsClick = props => {
-    const {
-      type = 'input',
-      component
-    } = props || {};
-    const copyValue = _cloneDeep(value);
-    if (!(copyValue === null || copyValue === void 0 ? void 0 : copyValue.find(v => v.key === props.name))) {
+  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,
+      component = _ref.component;
+    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
       });
     }
     setFieldItem(props);
-    if (isInput(type) && !component) {
-      const target = copyValue.find(v => v.key === props.name);
+    if ((0, _utils.isInput)(type) && !component) {
+      var target = copyValue.find(function (v) {
+        return v.key === props.name;
+      });
       onChange(target, true);
       close();
       return;
@@ -59,20 +160,20 @@ const FieldPopover = (_a, ref) => {
     setPopoverContent(true);
     onChange(copyValue);
   };
-  useImperativeHandle(ref, () => ({
-    onPropsClick
-  }));
-  const onSelectChange = (v, isMultiple) => {
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      onPropsClick: onPropsClick
+    };
+  });
+  var onSelectChange = function 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;
+    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) {
       // 模糊搜索
-      const _index = copyValue.findIndex(vv => {
+      var _index = copyValue.findIndex(function (vv) {
         var _a;
         return vv.key === ((_a = v.propItem) === null || _a === void 0 ? void 0 : _a.name);
       });
@@ -88,14 +189,18 @@ const FieldPopover = (_a, ref) => {
       setFieldItem(v.propItem);
     } else {
       // 选择值
-      index = copyValue.findIndex(v => v.key === (propItem === null || propItem === void 0 ? void 0 : propItem.name));
+      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(val => val !== v.value);
+          copyValue[index].value = copyValue[index].value.filter(function (val) {
+            return val !== v.value;
+          });
         } else {
           copyValue[index].value.push(v.value);
         }
@@ -113,58 +218,60 @@ const FieldPopover = (_a, ref) => {
     onChange(copyValue, false, true);
     (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.onChange) && fieldProps.onChange(copyValue[index].value);
   };
-  const onFieldChange = (...args) => {
+  var onFieldChange = function onFieldChange() {
     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])) {
+    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, args[0] !== undefined, type !== 'selectInput');
+    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);
   };
-  const close = () => {
+  var close = function close() {
     setVisible(false);
-    setTimeout(() => {
+    setTimeout(function () {
       setFieldItem();
       setPopoverContent(false);
     }, 1);
   };
-  const handleVisibleChange = () => {
+  var handleVisibleChange = function handleVisibleChange() {
     if (!visible && !regex.test(searchText)) {
       setVisible(true);
     } else {
       close();
     }
   };
-  useEffect(() => {
-    let bool1 = false,
+  (0, _react.useEffect)(function () {
+    var 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;
+      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;
         }
-        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;
+        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;
@@ -178,70 +285,71 @@ const FieldPopover = (_a, ref) => {
       setSearchTarget(undefined);
     }
   }, [fieldItems, searchText, propItem]);
-  const renderFirstOptions = () => {
-    const firstItems = searchText ? _filter(fieldItems, v => {
-      const {
-        name,
-        propsTitle,
-        title
-      } = v.props || {};
-      const _propsTitle = propsTitle || title || name;
+  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;
-    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;
+    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.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", {
+    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(v => {
-      const {
-        name,
-        propsTitle,
-        title,
-        type,
-        props
-      } = v.props || {};
-      const _propsTitle = propsTitle || title || name;
-      return React.createElement("li", {
+    }, 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: e => e.preventDefault(),
-        onClick: () => {
+        onMouseDown: function onMouseDown(e) {
+          return e.preventDefault();
+        },
+        onClick: function onClick() {
           onPropsClick(v.props);
         }
-      }, React.createElement(Ellipsis, {
+      }, _react["default"].createElement(_ellipsis["default"], {
         widthLimit: 220,
-        title: searchText ? React.createElement("span", {
+        title: searchText ? _react["default"].createElement("span", {
           dangerouslySetInnerHTML: {
-            __html: highlightSubstring(_propsTitle, searchText)
+            __html: (0, _utils.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);
+    }))), 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.createElement(SelectOpt, Object.assign({
+        return _react["default"].createElement(_Select["default"], Object.assign({
           key: name
         }, props, {
           searchText: searchText,
@@ -251,35 +359,43 @@ const FieldPopover = (_a, ref) => {
         }));
       }
       return;
-    })), !firstItems.length && !secondItems.length && React.createElement(Empty, {
+    })), !firstItems.length && !secondItems.length && _react["default"].createElement(_empty.Empty, {
       size: "mini"
     }));
   };
-  const renderSecondOptions = () => {
+  var renderSecondOptions = function 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 Field = component || fieldsMap[type] || (() => null);
-    return React.createElement("div", {
-      onClick: e => e.stopPropagation(),
+    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 Field = component || _fieldsMap["default"][type] || function () {
+      return null;
+    };
+    return _react["default"].createElement("div", {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
       className: className
-    }, React.createElement("label", null, propsTitle || title || name), type === 'select' ? React.createElement(SelectOpt, Object.assign({}, fieldProps, {
+    }, _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
-    })) : React.createElement("div", {
-      className: `${clsPrefix}-field-popover-content`,
-      onClick: e => e.stopPropagation()
-    }, React.createElement(Field, Object.assign({
+    })) : _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, {
@@ -291,12 +407,12 @@ const FieldPopover = (_a, ref) => {
       name: name
     }))));
   };
-  return React.createElement(Popover, Object.assign({
+  return _react["default"].createElement(_popover["default"], Object.assign({
     trigger: "click",
     visible: visible,
-    overlayClassName: `${clsPrefix}-field-popover`,
+    overlayClassName: "".concat(clsPrefix, "-field-popover"),
     content: !popoverContent ? renderFirstOptions() : renderSecondOptions(),
     onVisibleChange: handleVisibleChange
   }, props), children);
 };
-export default forwardRef(FieldPopover);
+var _default = exports["default"] = (0, _react.forwardRef)(FieldPopover);