tntd 3.0.9 → 3.0.11-beta.1

package/lib/query-form/Field/SelectInput.js

@@ -11,16 +11,16 @@ var _select = _interopRequireDefault(require("../../select"));
 var _input = _interopRequireDefault(require("../../input"));
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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(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 _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(arr) { if (Array.isArray(arr)) return arr; }
+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];

package/lib/query-form/Field/fieldsMap.js

@@ -10,7 +10,7 @@ var _SelectInput = _interopRequireDefault(require("./SelectInput"));
 var _datePicker = _interopRequireDefault(require("../../date-picker"));
 var _input = _interopRequireDefault(require("../../input"));
 var _inputNumber = _interopRequireDefault(require("../../input-number"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var defaultFieldWidth = exports.defaultFieldWidth = '200px';
 var getFieldWidth = exports.getFieldWidth = function getFieldWidth(type) {
   if (type === 'dateRange') {

package/lib/query-form/Field/index.js

@@ -11,20 +11,20 @@ var _fieldsMap = _interopRequireWildcard(require("./fieldsMap"));
 var _form = _interopRequireDefault(require("../../form"));
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 var FormItem = _form["default"].Item;
 var isInput = function isInput(type) {
   return ['input', 'string', 'search', 'aloneSearch'].includes(type);

package/lib/query-form/createActions.js

@@ -7,7 +7,7 @@ exports["default"] = void 0;
 var _set2 = _interopRequireDefault(require("lodash/set"));
 var _get2 = _interopRequireDefault(require("lodash/get"));
 var _eventemitter = _interopRequireDefault(require("eventemitter3"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var _default = exports["default"] = function _default() {
   var eventEmitter = new _eventemitter["default"]();
   var data = {

package/lib/query-form/index.js

@@ -20,20 +20,20 @@ var _tntdIcon = _interopRequireDefault(require("../tntd-icon"));
 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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), 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 _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 var clsPrefix = 'tnt-queryform';
 var QueryForm = /*#__PURE__*/function (_React$PureComponent) {
   function QueryForm(props) {

package/lib/query-form/useForm.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = useForm;
 var _react = require("react");
 var _createActions = _interopRequireDefault(require("./createActions"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function useForm() {
   var form = (0, _react.useRef)((0, _createActions["default"])());
   return [form.current];

package/lib/query-form-v3/Field/Checkbox.d.ts

@@ -0,0 +1,8 @@
+declare function _default({ value, onChange, ...props }: {
+    [x: string]: any;
+    value: any;
+    onChange: any;
+}): React.JSX.Element;
+export default _default;
+import React from "react";
+//# sourceMappingURL=Checkbox.d.ts.map

package/lib/query-form-v3/Field/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/query-form-v3/Field/Checkbox.js"],"names":[],"mappings":"AAIe;;;;sBAQd"}

package/lib/query-form-v3/Field/Checkbox.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _checkbox = _interopRequireDefault(require("../../checkbox"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _default = exports["default"] = function _default(_a) {
+  var value = _a.value,
+    _onChange = _a.onChange,
+    props = __rest(_a, ["value", "onChange"]);
+  return _react["default"].createElement(_checkbox["default"], Object.assign({}, props, {
+    checked: !!value,
+    onChange: function onChange(evt) {
+      _onChange === null || _onChange === void 0 ? void 0 : _onChange(evt.target.checked);
+    }
+  }));
+};

package/lib/query-form-v3/Field/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/query-form-v3/Field/Checkbox.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,8DAAqC;AAErC,kBAAe,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA3B,qBAA6B,CAAF;IAAO,OAAA,CAChD,8BAAC,kBAAQ,oBACH,KAAK,IACT,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;YAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAChC,CAAC,IACD,CACH,CAAA;CAAA,CAAA","sourcesContent":["import React from 'react'\n\nimport Checkbox from '../../checkbox'\n\nexport default ({ value, onChange, ...props }) => (\n  <Checkbox\n    {...props}\n    checked={!!value}\n    onChange={(evt) => {\n      onChange?.(evt.target.checked)\n    }}\n  />\n)\n"]}

package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts

@@ -0,0 +1,19 @@
+declare var _default: React.ForwardRefExoticComponent<Pick<{
+    [x: string]: any;
+    visible: any;
+    setVisible: any;
+    searchText: any;
+    children: any;
+    value: any;
+    regex: any;
+    fieldItems: any;
+    propItem: any;
+    setFieldItem: any;
+    onChange: any;
+    form: any;
+    locale: any;
+    clsPrefix: any;
+}, string | number> & React.RefAttributes<any>>;
+export default _default;
+import React from "react";
+//# sourceMappingURL=FieldPopover.d.ts.map

package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPopover.d.ts","sourceRoot":"","sources":["../../../../src/query-form-v3/Field/Composition/FieldPopover.js"],"names":[],"mappings":""}

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

@@ -0,0 +1,370 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _get2 = _interopRequireDefault(require("lodash/get"));
+var _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 = _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++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var isInput = function isInput(type) {
+  return ['input', 'string', 'search', 'number', 'inputNumber'].includes(type);
+};
+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,
+      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,
+        closable: true,
+        label: (props.propsTitle || props.title || props.name) + ':'
+      });
+    }
+    setFieldItem(props);
+    if (isInput(type) && !component) {
+      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
+    };
+  });
+  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);
+        }
+      }
+      // 如果是模糊搜索-展开多选项
+      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'
+        }
+      });
+    }
+    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)
+    onChange(copyValue, false, (arguments.length <= 0 ? undefined : arguments[0]) !== undefined);
+    (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;
+        }
+        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;
+        }
+      });
+      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);
+            }
+          }, _react["default"].createElement("span", {
+            dangerouslySetInnerHTML: {
+              __html: (0, _utils.highlightSubstring)(_propsTitle, searchText)
+            }
+          }));
+        }
+        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);
+        }
+      }, _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] || function () {
+      return null;
+    };
+    return _react["default"].createElement("div", {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      className: className
+    }, _react["default"].createElement("label", null, propsTitle || title || name), type === 'select' ? _react["default"].createElement(_Select["default"], Object.assign({}, fieldProps, {
+      searchText: searchText,
+      propItem: propItem,
+      onChange: onSelectChange,
+      value: target === null || target === void 0 ? void 0 : target.value
+    })) : _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) || '250px'
+      }),
+      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);
+};
+var _default = exports["default"] = (0, _react.forwardRef)(FieldPopover);