@signalplus/params-about 0.1.0

package/lib/es/index.js

@@ -0,0 +1,1125 @@
+/**
+ * Bundle of @signalplus/params-about
+ * Generated: 2022-04-06
+ * Version: 0.1.0
+ * License: MIT
+ * Author: 2631541504@qq.com
+ */
+
+import React, { PureComponent } from 'react';
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import Big from 'big.js';
+import { PlusOutlined, DeleteOutlined, CheckOutlined, DownOutlined } from '@ant-design/icons';
+import { Popover } from 'antd';
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    });
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
+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, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+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
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+
+  try {
+    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _createSuper(Derived) {
+  return function () {
+    var Super = _getPrototypeOf(Derived),
+        result;
+
+    if (_isNativeReflectConstruct()) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+
+    return _possibleConstructorReturn(this, result);
+  };
+}
+
+var ParamType;
+
+(function (ParamType) {
+  ParamType[ParamType["ParamGroup"] = -1] = "ParamGroup";
+  ParamType[ParamType["Number"] = 1] = "Number";
+  ParamType[ParamType["Percentage"] = 2] = "Percentage";
+  ParamType[ParamType["Bool"] = 3] = "Bool";
+  ParamType[ParamType["NumberRange"] = 4] = "NumberRange";
+  ParamType[ParamType["PercentageRange"] = 5] = "PercentageRange";
+  ParamType[ParamType["ExpiryLimit"] = 6] = "ExpiryLimit";
+  ParamType[ParamType["Expiry"] = 7] = "Expiry";
+  ParamType[ParamType["Phone"] = 8] = "Phone";
+})(ParamType || (ParamType = {}));
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var utc = createCommonjsModule(function (module, exports) {
+  !function (t, i) {
+    module.exports = i() ;
+  }(commonjsGlobal, function () {
+
+    var t = "minute",
+        i = /[+-]\d\d(?::?\d\d)?/g,
+        e = /([+-]|\d\d)/g;
+    return function (s, f, n) {
+      var u = f.prototype;
+      n.utc = function (t) {
+        var i = {
+          date: t,
+          utc: !0,
+          args: arguments
+        };
+        return new f(i);
+      }, u.utc = function (i) {
+        var e = n(this.toDate(), {
+          locale: this.$L,
+          utc: !0
+        });
+        return i ? e.add(this.utcOffset(), t) : e;
+      }, u.local = function () {
+        return n(this.toDate(), {
+          locale: this.$L,
+          utc: !1
+        });
+      };
+      var o = u.parse;
+
+      u.parse = function (t) {
+        t.utc && (this.$u = !0), this.$utils().u(t.$offset) || (this.$offset = t.$offset), o.call(this, t);
+      };
+
+      var r = u.init;
+
+      u.init = function () {
+        if (this.$u) {
+          var t = this.$d;
+          this.$y = t.getUTCFullYear(), this.$M = t.getUTCMonth(), this.$D = t.getUTCDate(), this.$W = t.getUTCDay(), this.$H = t.getUTCHours(), this.$m = t.getUTCMinutes(), this.$s = t.getUTCSeconds(), this.$ms = t.getUTCMilliseconds();
+        } else r.call(this);
+      };
+
+      var a = u.utcOffset;
+
+      u.utcOffset = function (s, f) {
+        var n = this.$utils().u;
+        if (n(s)) return this.$u ? 0 : n(this.$offset) ? a.call(this) : this.$offset;
+        if ("string" == typeof s && (s = function (t) {
+          void 0 === t && (t = "");
+          var s = t.match(i);
+          if (!s) return null;
+          var f = ("" + s[0]).match(e) || ["-", 0, 0],
+              n = f[0],
+              u = 60 * +f[1] + +f[2];
+          return 0 === u ? 0 : "+" === n ? u : -u;
+        }(s), null === s)) return this;
+        var u = Math.abs(s) <= 16 ? 60 * s : s,
+            o = this;
+        if (f) return o.$offset = u, o.$u = 0 === s, o;
+
+        if (0 !== s) {
+          var r = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          (o = this.local().add(u + r, t)).$offset = u, o.$x.$localOffset = r;
+        } else o = this.utc();
+
+        return o;
+      };
+
+      var h = u.format;
+      u.format = function (t) {
+        var i = t || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+        return h.call(this, i);
+      }, u.valueOf = function () {
+        var t = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || new Date().getTimezoneOffset());
+        return this.$d.valueOf() - 6e4 * t;
+      }, u.isUTC = function () {
+        return !!this.$u;
+      }, u.toISOString = function () {
+        return this.toDate().toISOString();
+      }, u.toString = function () {
+        return this.toDate().toUTCString();
+      };
+      var l = u.toDate;
+
+      u.toDate = function (t) {
+        return "s" === t && this.$offset ? n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l.call(this);
+      };
+
+      var c = u.diff;
+
+      u.diff = function (t, i, e) {
+        if (t && this.$u === t.$u) return c.call(this, t, i, e);
+        var s = this.local(),
+            f = n(t).local();
+        return c.call(s, f, i, e);
+      };
+    };
+  });
+});
+
+dayjs.extend(utc);
+function formatNum(val) {
+  var num = parseFloat(val);
+  return isNaN(num) ? undefined : num;
+}
+function isNullLike(val) {
+  return val === undefined || val === null;
+}
+function emptyValidator(val, enableEmpty) {
+  return !enableEmpty && (isNullLike(val) || val instanceof Array && !val.length || typeof val === 'string' && !val) ? 'should not be empty' : '';
+}
+function numRangeValidator(val, enableEmpty) {
+  var error = emptyValidator(val === null || val === void 0 ? void 0 : val.min, enableEmpty);
+  if (error) return {
+    min: error
+  };
+  error = emptyValidator(val === null || val === void 0 ? void 0 : val.max, enableEmpty);
+  if (error) return {
+    max: error
+  };
+  return val.min > val.max ? 'Max should bigger than Min' : '';
+}
+function expiryValidator(val, enableEmpty) {
+  var error = emptyValidator(val, enableEmpty);
+  if (error) return error;
+  var $val = dayjs(val, 'DDMMMYY').format('DDMMMYY').toUpperCase();
+  if ($val !== val) return 'out of format';
+  return '';
+}
+function expiriesValidator(val, enableEmpty) {
+  var error = emptyValidator(val, enableEmpty);
+  if (error) return error;
+
+  for (var i = 0; i < val.length; i++) {
+    error = expiryValidator(val[i]);
+    if (error) return _defineProperty({}, i, error);
+  }
+
+  return '';
+}
+function isExpired(val) {
+  var now = dayjs();
+  var expireTime = dayjs.utc("".concat(val, " 8:00"), 'DDMMMYY 8:00');
+  return now >= expireTime;
+}
+
+var Bool = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Bool, _PureComponent);
+
+  var _super = _createSuper(Bool);
+
+  function Bool() {
+    var _this;
+
+    _classCallCheck(this, Bool);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "options", [{
+      label: 'TRUE',
+      value: true
+    }, {
+      label: 'FALSE',
+      value: false
+    }]);
+
+    _defineProperty(_assertThisInitialized(_this), "RadioChecked", /*#__PURE__*/React.createElement("svg", {
+      width: "16",
+      height: "17",
+      viewBox: "0 0 16 17",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("g", {
+      clipPath: "url(#clip0_0_7934)"
+    }, /*#__PURE__*/React.createElement("circle", {
+      cx: "8",
+      cy: "8.5",
+      r: "7.5",
+      fill: "none",
+      stroke: "currentColor"
+    }), /*#__PURE__*/React.createElement("circle", {
+      cx: "8",
+      cy: "8.5",
+      r: "4",
+      fill: "currentColor"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "clip0_0_7934"
+    }, /*#__PURE__*/React.createElement("rect", {
+      width: "16",
+      height: "16",
+      fill: "white",
+      transform: "translate(0 0.5)"
+    })))));
+
+    _defineProperty(_assertThisInitialized(_this), "RadioUnchecked", /*#__PURE__*/React.createElement("svg", {
+      width: "16",
+      height: "17",
+      viewBox: "0 0 16 17",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("circle", {
+      cx: "8",
+      cy: "8.5",
+      r: "7.5",
+      fill: "none",
+      stroke: "currentColor"
+    })));
+
+    return _this;
+  }
+
+  _createClass(Bool, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('param-bool', {
+          readonly: this.props.readonly
+        }, this.props.className),
+        style: this.props.style
+      }, this.props.readonly ? /*#__PURE__*/React.createElement("span", {
+        className: "param-bool-val"
+      }, !isNullLike(this.props.value) ? String(this.props.value).toUpperCase() : '-') : this.options.map(function (it) {
+        var _this2$props$onChange;
+
+        var active = it.value === _this2.props.value;
+        return /*#__PURE__*/React.createElement("div", {
+          key: String(it.value),
+          className: classNames('param-bool-option', {
+            active: active
+          }),
+          onClick: (_this2$props$onChange = _this2.props.onChange) === null || _this2$props$onChange === void 0 ? void 0 : _this2$props$onChange.bind(null, it.value)
+        }, active ? _this2.RadioChecked : _this2.RadioUnchecked, it.label);
+      }));
+    }
+  }]);
+
+  return Bool;
+}(PureComponent);
+
+var NumCvt = /*#__PURE__*/function () {
+  function NumCvt() {
+    _classCallCheck(this, NumCvt);
+  }
+
+  _createClass(NumCvt, null, [{
+    key: "show",
+    value: function show(val, isPercentage) {
+      if (val && isPercentage) return Big(val).times(100).valueOf();
+      return val;
+    }
+  }, {
+    key: "emit",
+    value: function emit(val, isPercentage) {
+      if (!val || !isPercentage) return +val;
+      return +Big(val).div(100);
+    }
+  }]);
+
+  return NumCvt;
+}();
+
+function initState(props) {
+  return {
+    preProps: props,
+    tempValue: NumCvt.show(props.value, props.isPercentage)
+  };
+}
+
+var Num = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Num, _PureComponent);
+
+  var _super = _createSuper(Num);
+
+  function Num() {
+    var _this;
+
+    _classCallCheck(this, Num);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", initState(_this.props));
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (e) {
+      var _this$props$onChange, _this$props;
+
+      var $value = e.target.value;
+      var $val = $value.replace(/^(-?\d+(\.\d*)?|-?\d*).*$/, '$1');
+      if ($val !== $value) e.target.value = $val;
+      var value = NumCvt.emit($val, _this.props.isPercentage);
+      if (value !== _this.props.value) (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value);else _this.setState(function (pre) {
+        return _objectSpread2(_objectSpread2({}, pre), {}, {
+          tempValue: e.target.value
+        });
+      });
+    });
+
+    return _this;
+  }
+
+  _createClass(Num, [{
+    key: "render",
+    value: function render() {
+      var _this$state$tempValue;
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('param-number', {
+          readonly: this.props.readonly
+        }, this.props.className),
+        style: this.props.style
+      }, this.props.readonly ? /*#__PURE__*/React.createElement("span", {
+        className: "param-number-val"
+      }, (_this$state$tempValue = this.state.tempValue) !== null && _this$state$tempValue !== void 0 ? _this$state$tempValue : '-') : /*#__PURE__*/React.createElement("input", {
+        className: "param-number-val",
+        type: "text",
+        placeholder: this.props.placeholder || 'Value',
+        value: this.state.tempValue || '',
+        onChange: this.onChange
+      }), this.props.isPercentage && /*#__PURE__*/React.createElement("span", {
+        className: "param-number-suffix"
+      }, "%"));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      if (props.value !== state.preProps.value) {
+        state.tempValue = NumCvt.show(props.value, props.isPercentage);
+      }
+
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        preProps: props
+      });
+    }
+  }]);
+
+  return Num;
+}(PureComponent);
+
+var NumRange = /*#__PURE__*/function (_PureComponent) {
+  _inherits(NumRange, _PureComponent);
+
+  var _super = _createSuper(NumRange);
+
+  function NumRange() {
+    var _this;
+
+    _classCallCheck(this, NumRange);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (key, val) {
+      var _this$props$onChange, _this$props;
+
+      var value = _objectSpread2({}, _this.props.value);
+
+      value[key] = val;
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value);
+    });
+
+    return _this;
+  }
+
+  _createClass(NumRange, [{
+    key: "render",
+    value: function render() {
+      var _this$props$value, _this$props$value2;
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('param-number-range', {
+          readonly: this.props.readonly
+        }, this.props.className),
+        style: this.props.style
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "param-number-range-prefix"
+      }, "Min"), /*#__PURE__*/React.createElement(Num, {
+        placeholder: 'Min',
+        value: (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.min,
+        onChange: this.onChange.bind(null, 'min'),
+        isPercentage: this.props.isPercentage,
+        readonly: this.props.readonly
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "param-number-range-sep"
+      }, this.props.readonly ? ',' : '-'), /*#__PURE__*/React.createElement("span", {
+        className: "param-number-range-prefix"
+      }, "Max"), /*#__PURE__*/React.createElement(Num, {
+        placeholder: 'Max',
+        value: (_this$props$value2 = this.props.value) === null || _this$props$value2 === void 0 ? void 0 : _this$props$value2.max,
+        onChange: this.onChange.bind(null, 'max'),
+        isPercentage: this.props.isPercentage,
+        readonly: this.props.readonly
+      }));
+    }
+  }]);
+
+  return NumRange;
+}(PureComponent);
+
+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 _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+}
+
+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(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+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 _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
+var TextArray = /*#__PURE__*/function (_PureComponent) {
+  _inherits(TextArray, _PureComponent);
+
+  var _super = _createSuper(TextArray);
+
+  function TextArray() {
+    var _this;
+
+    _classCallCheck(this, TextArray);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "value", []);
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (i, e) {
+      var _this$props$onChange, _this$props;
+
+      var val = e.target.value;
+
+      var value = _toConsumableArray(_this.value);
+
+      value[i] = val;
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onAdd", function (i) {
+      var _this$props$onChange2, _this$props2;
+
+      var value = _toConsumableArray(_this.value);
+
+      value.splice(i + 1, 0, '');
+      (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, value);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onDel", function (i) {
+      var _this$props$onChange3, _this$props3;
+
+      var value = _toConsumableArray(_this.value);
+
+      value.splice(i, 1);
+      (_this$props$onChange3 = (_this$props3 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, value);
+    });
+
+    return _this;
+  }
+
+  _createClass(TextArray, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      this.value = this.props.value || [];
+      if (!this.value.length) this.value.push('');
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('param-text-array', {
+          readonly: this.props.readonly
+        }, this.props.className),
+        style: this.props.style
+      }, this.props.readonly ? /*#__PURE__*/React.createElement("span", {
+        className: "param-text-array-val"
+      }, this.value.filter(Boolean).join(', ') || '-') : this.value.map(function (it, i) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "param-arr-item",
+          key: i
+        }, /*#__PURE__*/React.createElement("input", {
+          type: "text",
+          placeholder: "Phone",
+          value: it,
+          onChange: _this2.onChange.bind(null, i)
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "param-arr-ops"
+        }, /*#__PURE__*/React.createElement(PlusOutlined, {
+          className: "param-arr-ops-add",
+          onClick: _this2.onAdd.bind(null, i)
+        }), /*#__PURE__*/React.createElement(DeleteOutlined, {
+          className: "param-arr-ops-del",
+          onClick: _this2.onDel.bind(null, i)
+        })));
+      }));
+    }
+  }]);
+
+  return TextArray;
+}(PureComponent);
+
+var Expiries = /*#__PURE__*/function (_PureComponent) {
+  _inherits(Expiries, _PureComponent);
+
+  var _super = _createSuper(Expiries);
+
+  function Expiries() {
+    var _this;
+
+    _classCallCheck(this, Expiries);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      visible: false
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleVisibleChange", function (visible) {
+      return _this.setState({
+        visible: visible
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (val) {
+      var _this$props$onChange, _this$props;
+
+      var value = _toConsumableArray(_this.props.value || []);
+
+      var index = value.findIndex(function (it) {
+        return it === val;
+      });
+      if (index > -1) value.splice(index, 1);else value.push(val);
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value);
+      if (_this.props.multiple === false) _this.handleVisibleChange(false);
+    });
+
+    return _this;
+  }
+
+  _createClass(Expiries, [{
+    key: "renderValue",
+    value: function renderValue() {
+      var _this$props$value;
+
+      var value = (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.filter(function (it) {
+        return it && !isExpired(it);
+      });
+
+      if (this.props.readonly) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: "param-expiries-val"
+        }, (value === null || value === void 0 ? void 0 : value.join(', ')) || '-');
+      }
+
+      var placeholder = /*#__PURE__*/React.createElement("span", {
+        className: "param-expiries-placeholder"
+      }, "Choose an expiry");
+
+      if (this.props.multiple === false) {
+        var _this$props$value2;
+
+        var _val = (_this$props$value2 = this.props.value) === null || _this$props$value2 === void 0 ? void 0 : _this$props$value2[0];
+
+        return !_val || isExpired(_val) ? placeholder : /*#__PURE__*/React.createElement("span", {
+          className: "param-expiries-val"
+        }, _val);
+      }
+
+      if (!(value === null || value === void 0 ? void 0 : value.length)) return placeholder;
+      return value.map(function (it) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: "param-expiries-multi-val",
+          key: it
+        }, it);
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props$options,
+          _this2 = this;
+
+      return /*#__PURE__*/React.createElement(Popover, {
+        overlayClassName: "param-expiries-popover",
+        trigger: 'click',
+        placement: 'bottomLeft',
+        visible: !this.props.readonly && this.state.visible,
+        onVisibleChange: this.handleVisibleChange,
+        content: (_this$props$options = this.props.options) === null || _this$props$options === void 0 ? void 0 : _this$props$options.map(function (it) {
+          var _this2$props$value, _this2$onChange;
+
+          var checked = (_this2$props$value = _this2.props.value) === null || _this2$props$value === void 0 ? void 0 : _this2$props$value.includes(it);
+          return /*#__PURE__*/React.createElement("div", {
+            className: classNames('param-expiries-option', {
+              'param-expiries-option-checked': checked
+            }),
+            key: it,
+            onClick: (_this2$onChange = _this2.onChange) === null || _this2$onChange === void 0 ? void 0 : _this2$onChange.bind(null, it)
+          }, it, checked && /*#__PURE__*/React.createElement(CheckOutlined, null));
+        })
+      }, /*#__PURE__*/React.createElement("div", {
+        className: classNames('param-expiries', {
+          readonly: this.props.readonly
+        }, this.props.className),
+        style: this.props.style
+      }, this.renderValue(), !this.props.readonly && this.props.options && /*#__PURE__*/React.createElement(DownOutlined, {
+        className: "param-expiries-arrow"
+      })));
+    }
+  }]);
+
+  return Expiries;
+}(PureComponent);
+
+var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ExpiriesLimit, _PureComponent);
+
+  var _super = _createSuper(ExpiriesLimit);
+
+  function ExpiriesLimit() {
+    var _this;
+
+    _classCallCheck(this, ExpiriesLimit);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "value", []);
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (i, val, key) {
+      var _this$props$onChange, _this$props;
+
+      var value = _toConsumableArray(_this.value);
+
+      if (!value[i]) value[i] = {
+        expiry: ''
+      };
+      if (key) value[i][key] = val;else value[i] = _objectSpread2(_objectSpread2({}, value[i]), val);
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onAdd", function (i) {
+      var _this$props$onChange2, _this$props2;
+
+      var value = _toConsumableArray(_this.value);
+
+      value.splice(i + 1, 0, {
+        expiry: ''
+      });
+      (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, value);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onDel", function (i) {
+      var _this$props$onChange3, _this$props3;
+
+      var value = _toConsumableArray(_this.value);
+
+      value.splice(i, 1);
+      (_this$props$onChange3 = (_this$props3 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, value);
+    });
+
+    return _this;
+  }
+
+  _createClass(ExpiriesLimit, [{
+    key: "render",
+    value: function render() {
+      var _this$props$value,
+          _this2 = this;
+
+      this.value = ((_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.filter(function (it) {
+        return (it === null || it === void 0 ? void 0 : it.expiry) && !isExpired(it.expiry);
+      })) || [];
+      if (!this.value.length) this.value.push({
+        expiry: ''
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('param-expiries-limit', {
+          readonly: this.props.readonly
+        }, this.props.className),
+        style: this.props.style
+      }, this.props.readonly ? this.value.filter(function (it) {
+        return it.expiry;
+      }).map(function (it, i) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: "param-expiries-limit-val",
+          key: i
+        }, it.expiry, " /", ' ', it.minAumPercentage && it.maxAumPercentage ? "(".concat(NumCvt.show(it.minAumPercentage, true), "%, ").concat(NumCvt.show(it.maxAumPercentage, true), "%)") : '-', ' ', "/", ' ', it.minAbs && it.maxAbs ? "(".concat(it.minAbs, ", ").concat(it.maxAbs, ")") : '-', ";");
+      }) : /*#__PURE__*/React.createElement("div", {
+        className: "param-expiries-limit-inputs"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "param-expiries readonly"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "param-expiries-val"
+      }, "Expiry")), /*#__PURE__*/React.createElement("div", {
+        className: "param-number-range readonly"
+      }, "Limit(% of AUM)"), /*#__PURE__*/React.createElement("div", {
+        className: "param-number-range readonly"
+      }, "Limit(ABS)"), /*#__PURE__*/React.createElement("div", {
+        className: "param-arr-ops readonly"
+      }), this.value.map(function (it, i) {
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: i
+        }, /*#__PURE__*/React.createElement(Expiries, {
+          multiple: false,
+          options: _this2.props.options,
+          value: [it.expiry],
+          onChange: function onChange(val) {
+            return _this2.onChange(i, val[0], 'expiry');
+          }
+        }), /*#__PURE__*/React.createElement(NumRange, {
+          value: {
+            min: it.minAumPercentage,
+            max: it.maxAumPercentage
+          },
+          onChange: function onChange(val) {
+            return _this2.onChange(i, {
+              minAumPercentage: val === null || val === void 0 ? void 0 : val.min,
+              maxAumPercentage: val === null || val === void 0 ? void 0 : val.max
+            });
+          },
+          isPercentage: true
+        }), /*#__PURE__*/React.createElement(NumRange, {
+          value: {
+            min: it.minAbs,
+            max: it.maxAbs
+          },
+          onChange: function onChange(val) {
+            return _this2.onChange(i, {
+              minAbs: val === null || val === void 0 ? void 0 : val.min,
+              maxAbs: val === null || val === void 0 ? void 0 : val.max
+            });
+          }
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "param-arr-ops"
+        }, /*#__PURE__*/React.createElement(PlusOutlined, {
+          className: "param-arr-ops-add",
+          onClick: _this2.onAdd.bind(null, i)
+        }), /*#__PURE__*/React.createElement(DeleteOutlined, {
+          className: "param-arr-ops-del",
+          onClick: _this2.onDel.bind(null, i)
+        })));
+      })));
+    }
+  }]);
+
+  return ExpiriesLimit;
+}(PureComponent);
+
+var _ParamTypeConfig;
+var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig, ParamType.ParamGroup, {
+  name: '参数组',
+  Comp: function Comp() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+}), _defineProperty(_ParamTypeConfig, ParamType.Number, {
+  name: '普通数值',
+  key: 'number',
+  Comp: Num,
+  validator: emptyValidator
+}), _defineProperty(_ParamTypeConfig, ParamType.Percentage, {
+  name: '百分比数值',
+  key: 'number',
+  Comp: function Comp(props) {
+    return /*#__PURE__*/React.createElement(Num, Object.assign({}, props, {
+      isPercentage: true
+    }));
+  },
+  validator: emptyValidator
+}), _defineProperty(_ParamTypeConfig, ParamType.Bool, {
+  name: 'TRUE/FALSE',
+  key: 'bool',
+  Comp: Bool,
+  validator: emptyValidator
+}), _defineProperty(_ParamTypeConfig, ParamType.NumberRange, {
+  name: '数值范围',
+  key: 'range',
+  Comp: NumRange,
+  validator: numRangeValidator
+}), _defineProperty(_ParamTypeConfig, ParamType.PercentageRange, {
+  name: '百分比范围',
+  key: 'range',
+  Comp: function Comp(props) {
+    return /*#__PURE__*/React.createElement(NumRange, Object.assign({}, props, {
+      isPercentage: true
+    }));
+  },
+  validator: numRangeValidator
+}), _defineProperty(_ParamTypeConfig, ParamType.ExpiryLimit, {
+  name: '到期日 Limit',
+  key: 'expiryLimitList',
+  Comp: ExpiriesLimit,
+  validator: function validator(val, enableEmpty) {
+    var error = emptyValidator(val, enableEmpty);
+    if (error) return error;
+
+    for (var i = 0; i < val.length; i++) {
+      error = expiryValidator(val === null || val === void 0 ? void 0 : val.expiry);
+      if (error) return _defineProperty({}, i, {
+        expire: error
+      });
+
+      if (isNullLike(val === null || val === void 0 ? void 0 : val.minAumPercentage) && isNullLike(val === null || val === void 0 ? void 0 : val.maxAumPercentage) && isNullLike(val === null || val === void 0 ? void 0 : val.minAbs) && isNullLike(val === null || val === void 0 ? void 0 : val.maxAbs)) {
+        return _defineProperty({}, i, 'at least one parameter must be specified between AUM and ABS');
+      }
+
+      if (val.minAbs > val.maxAbs) return _defineProperty({}, i, {
+        minAbs: 'Min ABS should smaller than Max ABS'
+      });
+
+      if (val.minAumPercentage > val.maxAumPercentage) {
+        return _defineProperty({}, i, {
+          minAumPercentage: 'Min AUM should smaller than Max AUM'
+        });
+      }
+    }
+
+    return '';
+  }
+}), _defineProperty(_ParamTypeConfig, ParamType.Expiry, {
+  name: '到期日',
+  key: 'list',
+  Comp: Expiries,
+  validator: expiriesValidator
+}), _defineProperty(_ParamTypeConfig, ParamType.Phone, {
+  name: '联系人电话',
+  key: 'list',
+  Comp: TextArray,
+  validator: emptyValidator
+}), _ParamTypeConfig);
+
+var ParamRenderer = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ParamRenderer, _PureComponent);
+
+  var _super = _createSuper(ParamRenderer);
+
+  function ParamRenderer() {
+    var _this;
+
+    _classCallCheck(this, ParamRenderer);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (val) {
+      var _this$props$onChange, _this$props;
+
+      var value = _this.typeConfig.key ? _objectSpread2(_objectSpread2({}, _this.props.value), {}, _defineProperty({}, _this.typeConfig.key, val)) : val;
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value);
+    });
+
+    return _this;
+  }
+
+  _createClass(ParamRenderer, [{
+    key: "typeConfig",
+    get: function get() {
+      return ParamTypeConfig[this.props.valueType] || ParamTypeConfig[ParamType.Number];
+    }
+  }, {
+    key: "value",
+    get: function get() {
+      var _this$props$value;
+
+      return this.typeConfig.key ? (_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value[this.typeConfig.key] : this.props.value;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var Comp = this.typeConfig.Comp;
+      return /*#__PURE__*/React.createElement(Comp, Object.assign({}, this.props, {
+        value: this.value,
+        onChange: this.onChange,
+        className: classNames('param-renderer', this.props.className)
+      }));
+    }
+  }]);
+
+  return ParamRenderer;
+}(PureComponent);
+
+export { ParamRenderer, ParamType, ParamTypeConfig, emptyValidator, expiriesValidator, expiryValidator, formatNum, isExpired, isNullLike, numRangeValidator };