tntd 3.0.35-beta.5 → 3.0.35-beta.6

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

@@ -1,12 +1,35 @@
-import _find from "lodash/find";
-import React, { useEffect, useState, useRef, useImperativeHandle, forwardRef, useCallback } from 'react';
-import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
-import Icon from '../../../icon';
-import Input from '../../../input';
-import FieldPopover from './FieldPopover';
-import ValueTag from './ValueTag';
-import { parseArrayToObject, parseObjectToArray, getLabel } from './utils';
-import './index.less';
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _find2 = _interopRequireDefault(require("lodash/find"));
+var _react = _interopRequireWildcard(require("react"));
+var _LocaleReceiver = _interopRequireDefault(require("antd/es/locale-provider/LocaleReceiver"));
+var _icon = _interopRequireDefault(require("../../../icon"));
+var _input = _interopRequireDefault(require("../../../input"));
+var _FieldPopover = _interopRequireDefault(require("./FieldPopover"));
+var _ValueTag = _interopRequireDefault(require("./ValueTag"));
+var _utils = require("./utils");
+require("./index.less");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 /**
  * @param value: [{
     key: 'key1',
@@ -20,60 +43,71 @@ import './index.less';
  * @param {*} ref
  * @returns
  */
-const regex = /^.+:.*$/;
-const CompositionInput = ({
-  fieldItems,
-  initialValues,
-  onChange,
-  form,
-  compositionShowReset,
-  clsPrefix,
-  _onReset,
-  _onSearch
-}, ref) => {
+var regex = /^.+:.*$/;
+var CompositionInput = function CompositionInput(_ref, ref) {
+  var fieldItems = _ref.fieldItems,
+    initialValues = _ref.initialValues,
+    onChange = _ref.onChange,
+    form = _ref.form,
+    compositionShowReset = _ref.compositionShowReset,
+    clsPrefix = _ref.clsPrefix,
+    _onReset = _ref._onReset,
+    _onSearch = _ref._onSearch;
   var _a;
-  const prefix = `${clsPrefix}-composition-input`;
-  const [value, setValue] = useState(parseObjectToArray(initialValues, fieldItems));
-  const [tempItem, setTempItem] = useState();
-  const [searchText, setSearchText] = useState('');
-  const [visible, setVisible] = useState(false);
-  const [fieldItem, setFieldItem] = useState(undefined);
-  const fieldItemsRef = useRef(fieldItems);
-  const _fieldItem = fieldItem ? ((_a = _find(fieldItems, f => {
+  var prefix = "".concat(clsPrefix, "-composition-input");
+  var _useState = (0, _react.useState)((0, _utils.parseObjectToArray)(initialValues, fieldItems)),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tempItem = _useState4[0],
+    setTempItem = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchText = _useState6[0],
+    setSearchText = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    visible = _useState8[0],
+    setVisible = _useState8[1];
+  var _useState9 = (0, _react.useState)(undefined),
+    _useState10 = _slicedToArray(_useState9, 2),
+    fieldItem = _useState10[0],
+    setFieldItem = _useState10[1];
+  var fieldItemsRef = (0, _react.useRef)(fieldItems);
+  var _fieldItem = fieldItem ? ((_a = (0, _find2["default"])(fieldItems, function (f) {
     var _a;
     return ((_a = f.props) === null || _a === void 0 ? void 0 : _a.name) === fieldItem.name;
   })) === null || _a === void 0 ? void 0 : _a.props) || fieldItem : {};
-  const {
-    props
-  } = fieldItem || {};
-  const inputRef = useRef(null);
-  const widthRef = useRef(null);
-  const fieldRef = useRef(null);
-  const eventRef = useRef(false);
+  var _ref2 = fieldItem || {},
+    props = _ref2.props;
+  var inputRef = (0, _react.useRef)(null);
+  var widthRef = (0, _react.useRef)(null);
+  var fieldRef = (0, _react.useRef)(null);
+  var eventRef = (0, _react.useRef)(false);
   fieldItemsRef.current = fieldItems;
-  const updateValues = useCallback(obj => {
-    const newValueArr = parseObjectToArray(obj, fieldItemsRef.current);
+  var updateValues = (0, _react.useCallback)(function (obj) {
+    var newValueArr = (0, _utils.parseObjectToArray)(obj, fieldItemsRef.current);
     setValue(newValueArr);
   }, []);
-  const updateValue = useCallback((name, value) => {
-    updateValues({
-      [name]: value
-    });
+  var updateValue = (0, _react.useCallback)(function (name, value) {
+    updateValues(_defineProperty({}, name, value));
   }, []);
   if (!eventRef.current) {
     eventRef.current = true;
     form.on('setValue', updateValue);
     form.on('setValues', updateValues);
   }
-  useEffect(() => {
-    return () => {
+  (0, _react.useEffect)(function () {
+    return function () {
       form.off('setValue', updateValue);
       form.off('setValues', updateValues);
     };
   }, []);
-  const handleFocus = e => {
+  var handleFocus = function handleFocus(e) {
     e.preventDefault();
-    setTimeout(() => {
+    setTimeout(function () {
       var _a;
       (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, 10);
@@ -81,80 +115,88 @@ const CompositionInput = ({
       setVisible(true);
     }
   };
-  useImperativeHandle(ref, () => ({
-    changeVal: () => {
-      return value;
-    }
-  }));
-  const onClear = e => {
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      changeVal: function changeVal() {
+        return value;
+      }
+    };
+  });
+  var onClear = function onClear(e) {
     e.stopPropagation();
-    const initKeys = Object.keys(initialValues || {});
-    const deleteKeys = value === null || value === void 0 ? void 0 : value.filter(({
-      key
-    }) => !initKeys.includes(key)).map(({
-      key
-    }) => key);
-    setValue(parseObjectToArray(initialValues || {}, fieldItems));
+    var initKeys = Object.keys(initialValues || {});
+    var deleteKeys = value === null || value === void 0 ? void 0 : value.filter(function (_ref3) {
+      var key = _ref3.key;
+      return !initKeys.includes(key);
+    }).map(function (_ref4) {
+      var key = _ref4.key;
+      return key;
+    });
+    setValue((0, _utils.parseObjectToArray)(initialValues || {}, fieldItems));
     onChange(Object.assign({}, initialValues || {}), deleteKeys, false, true);
     // 清除其他数据
     setSearchText('');
     setTempItem();
     _onReset();
   };
-  const doSearch = e => {
+  var doSearch = function doSearch(e) {
     var _a;
     e.stopPropagation();
-    const inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
+    var inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
     if (tempItem && inputValue) {
       // tempItem.label = searchText
       tempItem.value = inputValue; // 得到输入值
-      if (!(value === null || value === void 0 ? void 0 : value.find(v => v.key === tempItem.key))) {
-        const newValue = [...value, tempItem];
+      if (!(value === null || value === void 0 ? void 0 : value.find(function (v) {
+        return v.key === tempItem.key;
+      }))) {
+        var newValue = [].concat(_toConsumableArray(value), [tempItem]);
         setValue(newValue);
-        onChange(parseArrayToObject(newValue));
+        onChange((0, _utils.parseArrayToObject)(newValue));
       } else {
-        const newValue = value.map(v => v.key === tempItem.key ? tempItem : v);
-        setValue(newValue);
-        onChange(parseArrayToObject(newValue));
+        var _newValue = value.map(function (v) {
+          return v.key === tempItem.key ? tempItem : v;
+        });
+        setValue(_newValue);
+        onChange((0, _utils.parseArrayToObject)(_newValue));
       }
       e.target.value = inputValue;
-      form.emit('search', {
-        [tempItem.key]: inputValue,
-        current: 1
-      });
+      form.emit('search', _defineProperty(_defineProperty({}, tempItem.key, inputValue), "current", 1));
       setTempItem();
       setSearchText('');
     } else {
       _onSearch();
     }
   };
-  const onDelete = (key, e) => {
+  var onDelete = function onDelete(key, e) {
     var _a, _b;
     e.preventDefault();
     if (value.length > 0) {
-      const newValue = value.filter(v => v.key !== key);
+      var newValue = value.filter(function (v) {
+        return v.key !== key;
+      });
       setValue(newValue);
-      const deleteKeys = [key];
-      onChange(parseArrayToObject(newValue), deleteKeys, true);
+      var deleteKeys = [key];
+      onChange((0, _utils.parseArrayToObject)(newValue), deleteKeys, true);
       // 删除的时候也触发Field的onChange --  泳建提的需求
-      const fieldProps = (_a = _find(fieldItems, it => {
+      var fieldProps = (_a = (0, _find2["default"])(fieldItems, function (it) {
         var _a;
         return ((_a = it.props) === null || _a === void 0 ? void 0 : _a.name) === key;
       })) === null || _a === void 0 ? void 0 : _a.props;
       ((_b = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.props) === null || _b === void 0 ? void 0 : _b.onChange) && fieldProps.props.onChange(undefined);
     }
   };
-  const focusInput = value => {
+  var focusInput = function focusInput(value) {
     var _a;
     (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    setSearchText(getLabel(value, fieldItems));
+    setSearchText((0, _utils.getLabel)(value, fieldItems));
     setTempItem(value);
-    setTimeout(() => {
+    setTimeout(function () {
       var _a;
       (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, 10);
   };
-  const handleFieldChange = (value, isInput, hasValue, needSearch = true) => {
+  var handleFieldChange = function handleFieldChange(value, isInput, hasValue) {
+    var needSearch = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
     if (isInput) {
       focusInput(value);
       return;
@@ -162,11 +204,11 @@ const CompositionInput = ({
     setValue(value);
     setSearchText('');
     setTempItem();
-    if (hasValue) onChange(parseArrayToObject(value), undefined, needSearch);
+    if (hasValue) onChange((0, _utils.parseArrayToObject)(value), undefined, needSearch);
   };
   // 输入框事件方法
-  const onInputChange = e => {
-    const value = e.target.value;
+  var onInputChange = function onInputChange(e) {
+    var value = e.target.value;
     if (tempItem) {
       if (regex.test(value)) {
         // 有输入值
@@ -180,59 +222,62 @@ const CompositionInput = ({
       setSearchText(value);
     }
   };
-  const onPressEnter = e => {
+  var onPressEnter = function onPressEnter(e) {
     var _a;
-    const inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
+    var inputValue = ((_a = searchText === null || searchText === void 0 ? void 0 : searchText.match(/[^:]+:(.*)/)) === null || _a === void 0 ? void 0 : _a[1]) || null;
     if (tempItem && inputValue) {
       setVisible(false);
       // tempItem.label = searchText
       tempItem.value = inputValue; // 得到输入值
-      if (!(value === null || value === void 0 ? void 0 : value.find(v => v.key === tempItem.key))) {
-        const newValue = [...value, tempItem];
+      if (!(value === null || value === void 0 ? void 0 : value.find(function (v) {
+        return v.key === tempItem.key;
+      }))) {
+        var newValue = [].concat(_toConsumableArray(value), [tempItem]);
         setValue(newValue);
-        onChange(parseArrayToObject(newValue));
+        onChange((0, _utils.parseArrayToObject)(newValue));
       } else {
-        const newValue = value.map(v => v.key === tempItem.key ? tempItem : v);
-        setValue(newValue);
-        onChange(parseArrayToObject(newValue));
+        var _newValue2 = value.map(function (v) {
+          return v.key === tempItem.key ? tempItem : v;
+        });
+        setValue(_newValue2);
+        onChange((0, _utils.parseArrayToObject)(_newValue2));
       }
       e.target.value = inputValue;
-      form.emit('search', {
-        [tempItem.key]: inputValue,
-        current: 1
-      });
+      form.emit('search', _defineProperty(_defineProperty({}, tempItem.key, inputValue), "current", 1));
       (props === null || props === void 0 ? void 0 : props.onPressEnter) && props.onPressEnter(e);
     }
     setTempItem();
     setSearchText('');
   };
-  return React.createElement(LocaleReceiver, {
+  return _react["default"].createElement(_LocaleReceiver["default"], {
     componentName: "QueryForm"
-  }, locale => {
-    return React.createElement("div", {
+  }, function (locale) {
+    return _react["default"].createElement("div", {
       className: prefix,
       onClick: handleFocus
-    }, React.createElement("span", {
-      className: `${prefix}-width`,
+    }, _react["default"].createElement("span", {
+      className: "".concat(prefix, "-width"),
       ref: widthRef
-    }, searchText), React.createElement("ul", {
-      className: `${prefix}-items`
-    }, value && value.map((item, index) => React.createElement("li", {
-      key: item.key,
-      className: `${prefix}-items-item`
-    }, React.createElement(ValueTag, {
-      onChange: handleFieldChange,
-      value: value,
-      item: item,
-      fieldItems: fieldItems,
-      locale: locale,
-      onDelete: onDelete,
-      handleTag: focusInput,
-      clsPrefix: clsPrefix,
-      form: form
-    }))), React.createElement("li", {
-      className: `${prefix}-items-input`
-    }, React.createElement(FieldPopover, {
+    }, searchText), _react["default"].createElement("ul", {
+      className: "".concat(prefix, "-items")
+    }, value && value.map(function (item, index) {
+      return _react["default"].createElement("li", {
+        key: item.key,
+        className: "".concat(prefix, "-items-item")
+      }, _react["default"].createElement(_ValueTag["default"], {
+        onChange: handleFieldChange,
+        value: value,
+        item: item,
+        fieldItems: fieldItems,
+        locale: locale,
+        onDelete: onDelete,
+        handleTag: focusInput,
+        clsPrefix: clsPrefix,
+        form: form
+      }));
+    }), _react["default"].createElement("li", {
+      className: "".concat(prefix, "-items-input")
+    }, _react["default"].createElement(_FieldPopover["default"], {
       ref: fieldRef,
       onChange: handleFieldChange,
       clsPrefix: clsPrefix,
@@ -247,7 +292,7 @@ const CompositionInput = ({
       searchText: searchText,
       locale: locale,
       placement: "bottomLeft"
-    }, React.createElement(Input, Object.assign({
+    }, _react["default"].createElement(_input["default"], Object.assign({
       ref: inputRef,
       value: searchText,
       className: "inputClass",
@@ -255,22 +300,22 @@ const CompositionInput = ({
     }, props, {
       onPressEnter: onPressEnter,
       onChange: onInputChange
-    }))))), React.createElement("div", {
-      className: `${prefix}-prefix`
-    }, React.createElement(Icon, {
+    }))))), _react["default"].createElement("div", {
+      className: "".concat(prefix, "-prefix")
+    }, _react["default"].createElement(_icon["default"], {
       type: "filter"
-    })), compositionShowReset && React.createElement("div", {
-      className: `${prefix}-clear`
-    }, React.createElement(Icon, {
+    })), compositionShowReset && _react["default"].createElement("div", {
+      className: "".concat(prefix, "-clear")
+    }, _react["default"].createElement(_icon["default"], {
       onClick: onClear,
       type: "close-circle",
       theme: "filled"
-    })), React.createElement("div", {
-      className: `${prefix}-search`,
+    })), _react["default"].createElement("div", {
+      className: "".concat(prefix, "-search"),
       onClick: doSearch
-    }, React.createElement(Icon, {
+    }, _react["default"].createElement(_icon["default"], {
       type: "search"
     })));
   });
 };
-export default forwardRef(CompositionInput);
+var _default = exports["default"] = (0, _react.forwardRef)(CompositionInput);