@signalplus/params-about 0.1.3 → 0.1.4

package/lib/es/index.js

@@ -1,18 +1,21 @@
 /**
  * Bundle of @signalplus/params-about
- * Generated: 2022-04-07
- * Version: 0.1.3
+ * Generated: 2022-04-08
+ * Version: 0.1.4
  * License: MIT
  * Author: 2631541504@qq.com
  */
 
-import React, { PureComponent, useMemo } from 'react';
+import React$1, { PureComponent, useMemo, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
 import Big from 'big.js';
 import { PlusOutlined, DeleteOutlined, CloseOutlined, CheckOutlined, DownOutlined } from '@ant-design/icons';
-import { Popover, Cascader, Input, Select, Form, Button, Modal } from 'antd';
+import { Popover, Cascader, Input, Select, Form, Button, message, Modal } from 'antd';
 import ReactGlobalComp from 'react-global-comp';
+import { isEqual } from 'lodash-es';
+import ReactFileInput from '@livelybone/react-file-input';
+import { useRequest } from 'ahooks';
 
 function _defineProperty(obj, key, value) {
   if (key in obj) {
@@ -460,41 +463,41 @@ var Bool = /*#__PURE__*/function (_PureComponent) {
       value: false
     }]);
 
-    _defineProperty(_assertThisInitialized(_this), "RadioChecked", /*#__PURE__*/React.createElement("svg", {
+    _defineProperty(_assertThisInitialized(_this), "RadioChecked", /*#__PURE__*/React$1.createElement("svg", {
       width: "16",
       height: "17",
       viewBox: "0 0 16 17",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/React.createElement("g", {
+    }, /*#__PURE__*/React$1.createElement("g", {
       clipPath: "url(#clip0_0_7934)"
-    }, /*#__PURE__*/React.createElement("circle", {
+    }, /*#__PURE__*/React$1.createElement("circle", {
       cx: "8",
       cy: "8.5",
       r: "7.5",
       fill: "none",
       stroke: "currentColor"
-    }), /*#__PURE__*/React.createElement("circle", {
+    }), /*#__PURE__*/React$1.createElement("circle", {
       cx: "8",
       cy: "8.5",
       r: "4",
       fill: "currentColor"
-    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    })), /*#__PURE__*/React$1.createElement("defs", null, /*#__PURE__*/React$1.createElement("clipPath", {
       id: "clip0_0_7934"
-    }, /*#__PURE__*/React.createElement("rect", {
+    }, /*#__PURE__*/React$1.createElement("rect", {
       width: "16",
       height: "16",
       fill: "white",
       transform: "translate(0 0.5)"
     })))));
 
-    _defineProperty(_assertThisInitialized(_this), "RadioUnchecked", /*#__PURE__*/React.createElement("svg", {
+    _defineProperty(_assertThisInitialized(_this), "RadioUnchecked", /*#__PURE__*/React$1.createElement("svg", {
       width: "16",
       height: "17",
       viewBox: "0 0 16 17",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/React.createElement("circle", {
+    }, /*#__PURE__*/React$1.createElement("circle", {
       cx: "8",
       cy: "8.5",
       r: "7.5",
@@ -517,16 +520,16 @@ var Bool = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this2 = this;
 
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React$1.createElement("div", {
         className: classNames('param-bool', {
           readonly: this.props.readonly
         }, this.props.className),
         style: this.props.style
-      }, this.props.readonly ? /*#__PURE__*/React.createElement("span", {
+      }, this.props.readonly ? /*#__PURE__*/React$1.createElement("span", {
         className: "param-bool-val"
       }, !isNullLike(this.props.value) ? String(this.props.value).toUpperCase() : '-') : this.options.map(function (it) {
         var active = it.value === _this2.props.value;
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React$1.createElement("div", {
           key: String(it.value),
           className: classNames('param-bool-option', {
             active: active
@@ -613,21 +616,21 @@ var Num = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this$state$tempValue;
 
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React$1.createElement("div", {
         className: classNames('param-number', {
           readonly: this.props.readonly
         }, this.props.className),
         style: this.props.style
-      }, this.props.readonly ? /*#__PURE__*/React.createElement("span", {
+      }, this.props.readonly ? /*#__PURE__*/React$1.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", {
+      }, (_this$state$tempValue = this.state.tempValue) !== null && _this$state$tempValue !== void 0 ? _this$state$tempValue : '-') : /*#__PURE__*/React$1.createElement("input", {
         className: "param-number-val",
         type: "text",
         placeholder: this.props.placeholder || 'Value',
         value: this.state.tempValue || '',
         onChange: this.onChange,
         onBlur: this.props.onBlur
-      }), this.props.isPercentage && /*#__PURE__*/React.createElement("span", {
+      }), this.props.isPercentage && /*#__PURE__*/React$1.createElement("span", {
         className: "param-number-suffix"
       }, "%"));
     }
@@ -680,25 +683,25 @@ var NumRange = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this$props$value, _this$props$value2;
 
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React$1.createElement("div", {
         className: classNames('param-number-range', {
           readonly: this.props.readonly
         }, this.props.className),
         style: this.props.style
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/React$1.createElement("span", {
         className: "param-number-range-prefix"
-      }, "Min"), /*#__PURE__*/React.createElement(Num, {
+      }, "Min"), /*#__PURE__*/React$1.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,
         onBlur: this.props.onBlur
-      }), /*#__PURE__*/React.createElement("span", {
+      }), /*#__PURE__*/React$1.createElement("span", {
         className: "param-number-range-sep"
-      }, this.props.readonly ? ',' : '-'), /*#__PURE__*/React.createElement("span", {
+      }, this.props.readonly ? ',' : '-'), /*#__PURE__*/React$1.createElement("span", {
         className: "param-number-range-prefix"
-      }, "Max"), /*#__PURE__*/React.createElement(Num, {
+      }, "Max"), /*#__PURE__*/React$1.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'),
@@ -754,7 +757,7 @@ var TextArray = /*#__PURE__*/function (_PureComponent) {
       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);
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value.length === 1 && !value[0] ? undefined : value);
     });
 
     _defineProperty(_assertThisInitialized(_this), "onAdd", function (i) {
@@ -772,7 +775,7 @@ var TextArray = /*#__PURE__*/function (_PureComponent) {
       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);
+      (_this$props$onChange3 = (_this$props3 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props3, value.length ? value : undefined);
     });
 
     return _this;
@@ -785,29 +788,29 @@ var TextArray = /*#__PURE__*/function (_PureComponent) {
 
       this.value = this.props.value || [];
       if (!this.value.length) this.value.push('');
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React$1.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", {
+      }, this.props.readonly ? /*#__PURE__*/React$1.createElement("span", {
         className: "param-text-array-val"
       }, this.value.filter(Boolean).join(', ') || '-') : this.value.map(function (it, i) {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React$1.createElement("div", {
           className: "param-arr-item",
           key: i
-        }, /*#__PURE__*/React.createElement("input", {
+        }, /*#__PURE__*/React$1.createElement("input", {
           type: "text",
           placeholder: "Phone",
           value: it,
           onChange: _this2.onChange.bind(null, i),
           onBlur: _this2.props.onBlur
-        }), /*#__PURE__*/React.createElement("div", {
+        }), /*#__PURE__*/React$1.createElement("div", {
           className: "param-arr-ops"
-        }, /*#__PURE__*/React.createElement(PlusOutlined, {
+        }, /*#__PURE__*/React$1.createElement(PlusOutlined, {
           className: "param-arr-ops-add",
           onClick: _this2.onAdd.bind(null, i)
-        }), /*#__PURE__*/React.createElement(DeleteOutlined, {
+        }), /*#__PURE__*/React$1.createElement(DeleteOutlined, {
           className: "param-arr-ops-del",
           onClick: _this2.onDel.bind(null, i)
         })));
@@ -877,12 +880,12 @@ var Expiries = /*#__PURE__*/function (_PureComponent) {
       });
 
       if (this.props.readonly) {
-        return /*#__PURE__*/React.createElement("span", {
+        return /*#__PURE__*/React$1.createElement("span", {
           className: "param-expiries-val"
         }, (value === null || value === void 0 ? void 0 : value.join(', ')) || '-');
       }
 
-      var placeholder = /*#__PURE__*/React.createElement("span", {
+      var placeholder = /*#__PURE__*/React$1.createElement("span", {
         className: "param-expiries-placeholder"
       }, "Choose an expiry");
 
@@ -891,20 +894,20 @@ var Expiries = /*#__PURE__*/function (_PureComponent) {
 
         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", {
+        return !_val || isExpired(_val) ? placeholder : /*#__PURE__*/React$1.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", {
+        return /*#__PURE__*/React$1.createElement("span", {
           className: "param-expiries-multi-val",
           key: it,
           onClick: function onClick(e) {
             return e.stopPropagation();
           }
-        }, it, /*#__PURE__*/React.createElement(CloseOutlined, {
+        }, it, /*#__PURE__*/React$1.createElement(CloseOutlined, {
           onClick: _this2.onChange.bind(null, it)
         }));
       });
@@ -915,7 +918,7 @@ var Expiries = /*#__PURE__*/function (_PureComponent) {
       var _this$props$options,
           _this3 = this;
 
-      return /*#__PURE__*/React.createElement(Popover, {
+      return /*#__PURE__*/React$1.createElement(Popover, {
         overlayClassName: "param-expiries-popover",
         trigger: 'click',
         placement: 'bottomLeft',
@@ -926,22 +929,22 @@ var Expiries = /*#__PURE__*/function (_PureComponent) {
 
           var checked = (_this3$props$value = _this3.props.value) === null || _this3$props$value === void 0 ? void 0 : _this3$props$value.includes(it);
           var disabled = (_this3$props$calcDisa = (_this3$props = _this3.props).calcDisabled) === null || _this3$props$calcDisa === void 0 ? void 0 : _this3$props$calcDisa.call(_this3$props, it);
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/React$1.createElement("div", {
             className: classNames('param-expiries-option', {
               'param-expiries-option-checked': checked,
               'param-expiries-option-disabled': disabled
             }),
             key: it,
             onClick: disabled ? undefined : (_this3$onChange = _this3.onChange) === null || _this3$onChange === void 0 ? void 0 : _this3$onChange.bind(null, it)
-          }, it, checked && /*#__PURE__*/React.createElement(CheckOutlined, null));
+          }, it, checked && /*#__PURE__*/React$1.createElement(CheckOutlined, null));
         })
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("div", {
         className: classNames('param-expiries', {
           readonly: this.props.readonly,
           multiple: this.props.multiple !== false
         }, this.props.className),
         style: this.props.style
-      }, this.renderValue(), !this.props.readonly && this.props.options && /*#__PURE__*/React.createElement(DownOutlined, {
+      }, this.renderValue(), !this.props.readonly && this.props.options && /*#__PURE__*/React$1.createElement(DownOutlined, {
         className: "param-expiries-arrow"
       })));
     }
@@ -977,7 +980,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
         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);
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value.length === 1 && !value[0].expiry && !value[0].minAumPercentage && !value[0].maxAumPercentage && !value[0].minAbs && !value[0].maxAbs ? undefined : value);
     });
 
     _defineProperty(_assertThisInitialized(_this), "onAdd", function (i) {
@@ -998,7 +1001,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
       var value = _toConsumableArray(_this.value);
 
       value.splice(i, 1);
-      (_this$props$onChange3 = (_this$props4 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props4, value);
+      (_this$props$onChange3 = (_this$props4 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props4, value.length ? value : undefined);
       (_this$props$onBlur2 = (_this$props5 = _this.props).onBlur) === null || _this$props$onBlur2 === void 0 ? void 0 : _this$props$onBlur2.call(_this$props5);
     });
 
@@ -1018,7 +1021,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
       if (!this.value.length) this.value.push({
         expiry: ''
       });
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React$1.createElement("div", {
         className: classNames('param-expiries-limit', {
           readonly: this.props.readonly
         }, this.props.className),
@@ -1026,30 +1029,30 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
       }, this.props.readonly ? ((_this$props$value2 = this.props.value) === null || _this$props$value2 === void 0 ? void 0 : _this$props$value2.length) ? this.value.filter(function (it) {
         return it.expiry;
       }).map(function (it, i) {
-        return /*#__PURE__*/React.createElement("span", {
+        return /*#__PURE__*/React$1.createElement("span", {
           className: "param-expiries-limit-val",
           key: i
-        }, it.expiry, /*#__PURE__*/React.createElement("span", {
+        }, it.expiry, /*#__PURE__*/React$1.createElement("span", {
           className: "param-expiries-limit-val-sep"
-        }, "/"), it.minAumPercentage && it.maxAumPercentage ? "(".concat(NumCvt.show(it.minAumPercentage, true), "%, ").concat(NumCvt.show(it.maxAumPercentage, true), "%)") : '-', /*#__PURE__*/React.createElement("span", {
+        }, "/"), it.minAumPercentage && it.maxAumPercentage ? "(".concat(NumCvt.show(it.minAumPercentage, true), "%, ").concat(NumCvt.show(it.maxAumPercentage, true), "%)") : '-', /*#__PURE__*/React$1.createElement("span", {
           className: "param-expiries-limit-val-sep"
         }, "/"), it.minAbs && it.maxAbs ? "(".concat(it.minAbs, ", ").concat(it.maxAbs, ")") : '-');
-      }) : '-' : /*#__PURE__*/React.createElement("div", {
+      }) : '-' : /*#__PURE__*/React$1.createElement("div", {
         className: "param-expiries-limit-inputs"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/React$1.createElement("div", {
         className: "param-expiries readonly"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/React$1.createElement("span", {
         className: "param-expiries-val"
-      }, "Expiry")), /*#__PURE__*/React.createElement("div", {
+      }, "Expiry")), /*#__PURE__*/React$1.createElement("div", {
         className: "param-number-range readonly"
-      }, "Limit(% of AUM)"), /*#__PURE__*/React.createElement("div", {
+      }, "Limit(% of AUM)"), /*#__PURE__*/React$1.createElement("div", {
         className: "param-number-range readonly"
-      }, "Limit(ABS)"), /*#__PURE__*/React.createElement("div", {
+      }, "Limit(ABS)"), /*#__PURE__*/React$1.createElement("div", {
         className: "param-arr-ops readonly"
       }), this.value.map(function (it, i) {
-        return /*#__PURE__*/React.createElement(React.Fragment, {
+        return /*#__PURE__*/React$1.createElement(React$1.Fragment, {
           key: i
-        }, /*#__PURE__*/React.createElement(Expiries, {
+        }, /*#__PURE__*/React$1.createElement(Expiries, {
           multiple: false,
           options: _this2.props.options,
           value: [it.expiry],
@@ -1062,7 +1065,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
             });
           },
           onBlur: _this2.props.onBlur
-        }), /*#__PURE__*/React.createElement(NumRange, {
+        }), /*#__PURE__*/React$1.createElement(NumRange, {
           value: {
             min: it.minAumPercentage,
             max: it.maxAumPercentage
@@ -1075,7 +1078,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
           },
           isPercentage: true,
           onBlur: _this2.props.onBlur
-        }), /*#__PURE__*/React.createElement(NumRange, {
+        }), /*#__PURE__*/React$1.createElement(NumRange, {
           value: {
             min: it.minAbs,
             max: it.maxAbs
@@ -1087,12 +1090,12 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
             });
           },
           onBlur: _this2.props.onBlur
-        }), /*#__PURE__*/React.createElement("div", {
+        }), /*#__PURE__*/React$1.createElement("div", {
           className: "param-arr-ops"
-        }, /*#__PURE__*/React.createElement(PlusOutlined, {
+        }, /*#__PURE__*/React$1.createElement(PlusOutlined, {
           className: "param-arr-ops-add",
           onClick: _this2.onAdd.bind(null, i)
-        }), /*#__PURE__*/React.createElement(DeleteOutlined, {
+        }), /*#__PURE__*/React$1.createElement(DeleteOutlined, {
           className: "param-arr-ops-del",
           onClick: _this2.onDel.bind(null, i)
         })));
@@ -1107,7 +1110,7 @@ var _ParamTypeConfig;
 var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig, ParamType.ParamGroup, {
   name: '参数组',
   Comp: function Comp() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
+    return /*#__PURE__*/React$1.createElement(React$1.Fragment, null);
   }
 }), _defineProperty(_ParamTypeConfig, ParamType.Number, {
   name: '普通数值',
@@ -1118,7 +1121,7 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
   name: '百分比数值',
   key: 'number',
   Comp: function Comp(props) {
-    return /*#__PURE__*/React.createElement(Num, Object.assign({}, props, {
+    return /*#__PURE__*/React$1.createElement(Num, Object.assign({}, props, {
       isPercentage: true
     }));
   },
@@ -1137,7 +1140,7 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
   name: '百分比范围',
   key: 'range',
   Comp: function Comp(props) {
-    return /*#__PURE__*/React.createElement(NumRange, Object.assign({}, props, {
+    return /*#__PURE__*/React$1.createElement(NumRange, Object.assign({}, props, {
       isPercentage: true
     }));
   },
@@ -1248,7 +1251,8 @@ var ParamRenderer = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var Comp = this.typeConfig.Comp;
-      return /*#__PURE__*/React.createElement(Comp, Object.assign({}, this.props, {
+      return /*#__PURE__*/React$1.createElement(Comp, Object.assign({}, this.props, {
+        options: this.props.expiriesOptions,
         value: this.value,
         onChange: this.onChange,
         className: classNames('param-renderer', this.props.className)
@@ -1283,7 +1287,8 @@ function ParentSelector(props) {
     if (!matched) return [];
     return $value;
   }, [props.parentOptions, props.value]);
-  return /*#__PURE__*/React.createElement(Cascader, Object.assign({}, props, {
+  return /*#__PURE__*/React$1.createElement(Cascader, {
+    style: props.style,
     disabled: props.readonly,
     placeholder: '请选择',
     options: props.parentOptions,
@@ -1296,7 +1301,7 @@ function ParentSelector(props) {
 
       return (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, val.pop());
     }
-  }));
+  });
 }
 
 var ParamForm = /*#__PURE__*/function (_PureComponent) {
@@ -1315,69 +1320,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "ref", React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "formItems", [{
-      label: '所属分组',
-      name: 'parentId',
-      Comp: ParentSelector,
-      required: true,
-      validator: validatorCvt(function (val) {
-        return emptyValidator(val);
-      })
-    }, {
-      label: '参数 Key',
-      name: 'key',
-      Comp: function Comp(props) {
-        return /*#__PURE__*/React.createElement(Input, Object.assign({
-          placeholder: '请输入'
-        }, props));
-      },
-      required: true,
-      validator: validatorCvt(keyValidator)
-    }, {
-      label: '参数名称',
-      name: 'name',
-      Comp: function Comp(props) {
-        return /*#__PURE__*/React.createElement(Input, Object.assign({
-          placeholder: '请输入'
-        }, props));
-      }
-    }, {
-      label: '参数类型',
-      name: 'valueType',
-      Comp: function Comp(props) {
-        return /*#__PURE__*/React.createElement(Select, Object.assign({
-          placeholder: '请选择'
-        }, props, {
-          options: undefined
-        }), ParamTypeOptions.map(function (it) {
-          return /*#__PURE__*/React.createElement(Select.Option, {
-            key: it.value,
-            value: it.value
-          }, it.label);
-        }));
-      },
-      required: true,
-      validator: validatorCvt(function (val) {
-        return emptyValidator(val);
-      })
-    }, {
-      label: '默认值',
-      name: 'defaultValue',
-      Comp: ParamRenderer,
-      validator: validatorCvt(paramValidator, function () {
-        return _this.ref.current;
-      })
-    }, {
-      label: '参数说明',
-      name: 'description',
-      Comp: function Comp(props) {
-        return /*#__PURE__*/React.createElement(Input.TextArea, Object.assign({
-          placeholder: '请输入'
-        }, props));
-      }
-    }]);
+    _defineProperty(_assertThisInitialized(_this), "ref", React$1.createRef());
 
     _defineProperty(_assertThisInitialized(_this), "onChange", function (changed, data) {
       var _this$props$onChange, _this$props;
@@ -1390,11 +1333,85 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
   }
 
   _createClass(ParamForm, [{
-    key: "render",
-    value: function render() {
+    key: "formItems",
+    get: function get() {
       var _this2 = this;
 
-      return /*#__PURE__*/React.createElement(Form, {
+      return [{
+        label: '所属分组',
+        name: 'parentId',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(ParentSelector, Object.assign({}, props, {
+            parentOptions: _this2.props.parentOptions
+          }));
+        },
+        required: true,
+        validator: validatorCvt(function (val) {
+          return emptyValidator(val);
+        })
+      }, {
+        label: '参数 Key',
+        name: 'key',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(Input, Object.assign({
+            placeholder: '请输入'
+          }, props));
+        },
+        required: true,
+        validator: validatorCvt(keyValidator)
+      }, {
+        label: '参数名称',
+        name: 'name',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(Input, Object.assign({
+            placeholder: '请输入'
+          }, props));
+        }
+      }, {
+        label: '参数类型',
+        name: 'valueType',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(Select, Object.assign({
+            placeholder: '请选择'
+          }, props), ParamTypeOptions.map(function (it) {
+            return /*#__PURE__*/React$1.createElement(Select.Option, {
+              key: it.value,
+              value: it.value
+            }, it.label);
+          }));
+        },
+        required: true,
+        validator: validatorCvt(function (val) {
+          return emptyValidator(val);
+        })
+      }, {
+        label: '默认值',
+        name: 'defaultValue',
+        Comp: function Comp(props) {
+          var _this2$ref$current;
+
+          return /*#__PURE__*/React$1.createElement(ParamRenderer, Object.assign({}, props, {
+            expiriesOptions: _this2.props.expiriesOptions,
+            valueType: (_this2$ref$current = _this2.ref.current) === null || _this2$ref$current === void 0 ? void 0 : _this2$ref$current.getFieldValue('valueType')
+          }));
+        },
+        validator: validatorCvt(paramValidator, function () {
+          return _this2.ref.current;
+        })
+      }, {
+        label: '参数说明',
+        name: 'description',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(Input.TextArea, Object.assign({
+            placeholder: '请输入'
+          }, props));
+        }
+      }];
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React$1.createElement(Form, {
         className: "param-form",
         ref: this.ref,
         key: JSON.stringify(this.props.initialValues),
@@ -1402,9 +1419,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
         onFinish: this.props.onSubmit,
         onValuesChange: this.onChange
       }, this.formItems.map(function (it) {
-        var _this2$ref$current;
-
-        return /*#__PURE__*/React.createElement(Form.Item, {
+        return /*#__PURE__*/React$1.createElement(Form.Item, {
           key: it.name,
           label: it.label,
           name: it.name,
@@ -1416,12 +1431,8 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
             }
           }],
           validateTrigger: 'onBlur'
-        }, /*#__PURE__*/React.createElement(it.Comp, {
-          parentOptions: _this2.props.parentOptions,
-          options: _this2.props.expiriesOptions,
-          valueType: (_this2$ref$current = _this2.ref.current) === null || _this2$ref$current === void 0 ? void 0 : _this2$ref$current.getFieldValue('valueType')
-        }));
-      }), this.props.onSubmit && /*#__PURE__*/React.createElement(Button, {
+        }, /*#__PURE__*/React$1.createElement(it.Comp, null));
+      }), this.props.onSubmit && /*#__PURE__*/React$1.createElement(Button, {
         type: "primary",
         htmlType: "submit"
       }, "\u63D0\u4EA4"));
@@ -1447,10 +1458,11 @@ var ParamFormModalEl = /*#__PURE__*/function (_PureComponent2) {
 
     _this3 = _super2.call.apply(_super2, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this3), "ref", React.createRef());
+    _defineProperty(_assertThisInitialized(_this3), "ref", React$1.createRef());
 
     _defineProperty(_assertThisInitialized(_this3), "state", {
-      visible: false
+      visible: false,
+      pending: false
     });
 
     _defineProperty(_assertThisInitialized(_this3), "onShow", function () {
@@ -1468,31 +1480,52 @@ var ParamFormModalEl = /*#__PURE__*/function (_PureComponent2) {
     _defineProperty(_assertThisInitialized(_this3), "onSubmit", function () {
       var form = _this3.ref.current.ref.current;
       return form.validateFields().then(function () {
-        return _this3.props.onSubmit(form.getFieldsValue());
-      }).then(_this3.onHide);
+        return _this3.setState({
+          pending: true
+        });
+      }).then(function () {
+        var data = _objectSpread2(_objectSpread2({}, _this3.props.initialValues), form.getFieldsValue());
+
+        if (_this3.isEdit && isEqual(data, _this3.props.initialValues)) {
+          message.warning('请修改后再提交');
+          return Promise.reject();
+        }
+
+        return _this3.props.onSubmit(data);
+      }).then(_this3.onHide).finally(function () {
+        return _this3.setState({
+          pending: false
+        });
+      });
     });
 
     return _this3;
   }
 
   _createClass(ParamFormModalEl, [{
-    key: "render",
-    value: function render() {
+    key: "isEdit",
+    get: function get() {
       var _this$props$initialVa;
 
-      return /*#__PURE__*/React.createElement(Modal, {
+      return Boolean((_this$props$initialVa = this.props.initialValues) === null || _this$props$initialVa === void 0 ? void 0 : _this$props$initialVa.paramId);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React$1.createElement(Modal, {
         key: String(this.state.visible),
         width: 640,
         closable: false,
-        title: !((_this$props$initialVa = this.props.initialValues) === null || _this$props$initialVa === void 0 ? void 0 : _this$props$initialVa.paramId) ? '新增参数' : '修改参数',
+        title: !this.isEdit ? '新增参数' : '修改参数',
         visible: this.state.visible,
-        footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+        footer: /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Button, {
           onClick: this.onHide
-        }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+        }, "\u53D6\u6D88"), /*#__PURE__*/React$1.createElement(Button, {
           type: "primary",
-          onClick: this.onSubmit
+          onClick: this.onSubmit,
+          loading: this.state.pending
         }, "\u786E\u8BA4"))
-      }, /*#__PURE__*/React.createElement(ParamForm, Object.assign({}, this.props, {
+      }, /*#__PURE__*/React$1.createElement(ParamForm, Object.assign({}, this.props, {
         ref: this.ref,
         onSubmit: undefined
       })));
@@ -1544,47 +1577,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "ref", React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "formItems", [{
-      label: 'Parameter',
-      name: 'paramId',
-      Comp: function Comp(props) {
-        return /*#__PURE__*/React.createElement(ParentSelector, Object.assign({}, props, {
-          readonly: true
-        }));
-      }
-    }, {
-      label: 'Description',
-      name: 'description',
-      Comp: function Comp(props) {
-        return /*#__PURE__*/React.createElement("span", {
-          className: "param-value-editor-desc",
-          style: {
-            lineHeight: '20px',
-            padding: '10px 0'
-          }
-        }, props.value || '-');
-      }
-    }, {
-      label: 'Value before',
-      name: 'valueBefore',
-      Comp: function Comp(props) {
-        return /*#__PURE__*/React.createElement(ParamRenderer, Object.assign({}, props, {
-          readonly: true
-        }));
-      }
-    }, {
-      label: 'Value after',
-      name: 'value',
-      Comp: ParamRenderer,
-      required: true,
-      validator: validatorCvt(function (val) {
-        return paramValidator(val, {
-          valueType: _this.props.valueType
-        });
-      })
-    }]);
+    _defineProperty(_assertThisInitialized(_this), "ref", React$1.createRef());
 
     _defineProperty(_assertThisInitialized(_this), "onChange", function (changed, data) {
       var _this$props$onChange, _this$props;
@@ -1596,16 +1589,60 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
   }
 
   _createClass(ParamValueEditor, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      console.log(1111, 'mounted');
+    key: "formItems",
+    get: function get() {
+      var _this2 = this;
+
+      return [{
+        label: 'Parameter',
+        name: 'paramId',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(ParentSelector, Object.assign({}, props, {
+            readonly: true
+          }));
+        }
+      }, {
+        label: 'Description',
+        name: 'description',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement("span", {
+            className: "param-value-editor-desc",
+            style: {
+              lineHeight: '20px',
+              padding: '10px 0'
+            }
+          }, props.value || '-');
+        }
+      }, {
+        label: 'Value before',
+        name: 'valueBefore',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(ParamRenderer, Object.assign({}, props, {
+            readonly: true,
+            parentOptions: _this2.props.allParams
+          }));
+        }
+      }, {
+        label: 'Value after',
+        name: 'value',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(ParamRenderer, Object.assign({}, props, {
+            expiriesOptions: _this2.props.expiriesOptions,
+            valueType: _this2.props.valueType
+          }));
+        },
+        required: true,
+        validator: validatorCvt(function (val) {
+          return paramValidator(val, {
+            valueType: _this2.props.valueType
+          });
+        })
+      }];
     }
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
-      return /*#__PURE__*/React.createElement(Form, {
+      return /*#__PURE__*/React$1.createElement(Form, {
         className: "param-value-editor",
         ref: this.ref,
         key: this.props.valueType,
@@ -1613,7 +1650,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
         onFinish: this.props.onSubmit,
         onValuesChange: this.onChange
       }, this.formItems.map(function (it) {
-        return /*#__PURE__*/React.createElement(Form.Item, {
+        return /*#__PURE__*/React$1.createElement(Form.Item, {
           key: it.name,
           label: it.label,
           name: it.name,
@@ -1625,11 +1662,8 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
             }
           }],
           validateTrigger: 'onBlur'
-        }, /*#__PURE__*/React.createElement(it.Comp, {
-          parentOptions: _this2.props.allParams,
-          valueType: _this2.props.valueType
-        }));
-      }), this.props.onSubmit && /*#__PURE__*/React.createElement(Button, {
+        }, /*#__PURE__*/React$1.createElement(it.Comp, null));
+      }), this.props.onSubmit && /*#__PURE__*/React$1.createElement(Button, {
         type: "primary",
         htmlType: "submit"
       }, "\u63D0\u4EA4"));
@@ -1654,10 +1688,11 @@ var ParamValueEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
 
     _this3 = _super2.call.apply(_super2, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this3), "ref", React.createRef());
+    _defineProperty(_assertThisInitialized(_this3), "ref", React$1.createRef());
 
     _defineProperty(_assertThisInitialized(_this3), "state", {
-      visible: false
+      visible: false,
+      pending: false
     });
 
     _defineProperty(_assertThisInitialized(_this3), "onShow", function () {
@@ -1675,8 +1710,23 @@ var ParamValueEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
     _defineProperty(_assertThisInitialized(_this3), "onSubmit", function () {
       var form = _this3.ref.current.ref.current;
       return form.validateFields().then(function () {
-        return _this3.props.onSubmit(form.getFieldsValue());
-      }).then(_this3.onHide);
+        return _this3.setState({
+          pending: true
+        });
+      }).then(function () {
+        var data = _objectSpread2(_objectSpread2({}, _this3.props.initialValues), form.getFieldsValue());
+
+        if (isEqual(data, _this3.props.initialValues)) {
+          message.warning('请修改后再提交');
+          return Promise.reject();
+        }
+
+        return _this3.props.onSubmit(data);
+      }).then(_this3.onHide).finally(function () {
+        return _this3.setState({
+          pending: false
+        });
+      });
     });
 
     return _this3;
@@ -1685,19 +1735,20 @@ var ParamValueEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
   _createClass(ParamValueEditorModalEl, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(Modal, {
+      return /*#__PURE__*/React$1.createElement(Modal, {
         key: String(this.state.visible),
         width: 640,
         title: 'Edit Value',
         closable: false,
         visible: this.state.visible,
-        footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+        footer: /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Button, {
           onClick: this.onHide
-        }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
+        }, "Cancel"), /*#__PURE__*/React$1.createElement(Button, {
           type: "primary",
-          onClick: this.onSubmit
+          onClick: this.onSubmit,
+          loading: this.state.pending
         }, "Submit"))
-      }, /*#__PURE__*/React.createElement(ParamValueEditor, Object.assign({}, this.props, {
+      }, /*#__PURE__*/React$1.createElement(ParamValueEditor, Object.assign({}, this.props, {
         ref: this.ref,
         onSubmit: undefined
       })));
@@ -1732,4 +1783,279 @@ var ParamValueEditorModal = /*#__PURE__*/function () {
 
 _defineProperty(ParamValueEditorModal, "el", new ReactGlobalComp('param-value-editor-modal', ParamValueEditorModalEl));
 
-export { ParamForm, ParamFormModal, ParamRenderer, ParamType, ParamTypeConfig, ParamTypeOptions, ParamValueEditor, ParamValueEditorModal, ParamValueEditorModalEl, emptyValidator, expiriesValidator, expiryValidator, formatNum, isExpired, isNullLike, keyValidator, numRangeValidator, paramValidator, validatorCvt };
+var ImageUpload = function ImageUpload(props) {
+  var _useRequest = useRequest(function () {
+    var _props$getSignedUrl;
+
+    return Promise.resolve(props.value && ((_props$getSignedUrl = props.getSignedUrl) === null || _props$getSignedUrl === void 0 ? void 0 : _props$getSignedUrl.call(props, props.value)));
+  }, {
+    refreshDeps: [props.value]
+  }),
+      url = _useRequest.data;
+
+  var _useState = useState(function () {
+    return url ? [{
+      url: url
+    }] : [];
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      files = _useState2[0],
+      setFiles = _useState2[1];
+
+  useEffect(function () {
+    return setFiles(url ? [{
+      url: url
+    }] : []);
+  }, [url]);
+
+  var _useRequest2 = useRequest(function ($files) {
+    var _$files$, _props$handleUpload, _props$onChange2;
+
+    setFiles($files);
+    var file = (_$files$ = $files[0]) === null || _$files$ === void 0 ? void 0 : _$files$.file;
+    if (file) return (_props$handleUpload = props.handleUpload) === null || _props$handleUpload === void 0 ? void 0 : _props$handleUpload.call(props, file).then(function (key) {
+      var _props$onChange;
+
+      return (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, key);
+    });
+    return Promise.resolve((_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 ? void 0 : _props$onChange2.call(props, undefined));
+  }, {
+    manual: true
+  }),
+      run = _useRequest2.run,
+      loading = _useRequest2.loading;
+
+  return /*#__PURE__*/React.createElement(ReactFileInput, Object.assign({}, props, {
+    uploading: loading,
+    className: classNames(props.className, 'param-image-upload'),
+    files: files,
+    onChange: run
+  }));
+};
+
+var ParamGroupEditor = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ParamGroupEditor, _PureComponent);
+
+  var _super = _createSuper(ParamGroupEditor);
+
+  function ParamGroupEditor() {
+    var _this;
+
+    _classCallCheck(this, ParamGroupEditor);
+
+    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), "ref", React$1.createRef());
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (changed, data) {
+      var _this$props$onChange, _this$props;
+
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, data);
+    });
+
+    return _this;
+  }
+
+  _createClass(ParamGroupEditor, [{
+    key: "formItems",
+    get: function get() {
+      var _this$props$initialVa,
+          _this2 = this;
+
+      var isFirstLevel = !this.props.allParams && !((_this$props$initialVa = this.props.initialValues) === null || _this$props$initialVa === void 0 ? void 0 : _this$props$initialVa.parentId);
+      var items = [{
+        label: '参数组名称',
+        name: 'name',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(Input, Object.assign({}, props, {
+            placeholder: '请输入'
+          }));
+        },
+        validator: validatorCvt(function (val) {
+          return emptyValidator(val);
+        })
+      }, {
+        label: '业务流程图',
+        name: 'descriptionUrl',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React$1.createElement(ImageUpload, Object.assign({}, props, {
+            getSignedUrl: _this2.props.getSignedUrl,
+            handleUpload: _this2.props.handleUpload
+          }));
+        },
+        validator: isFirstLevel ? validatorCvt(function (val) {
+          return emptyValidator(val);
+        }) : undefined
+      }];
+
+      if (!isFirstLevel) {
+        items.unshift({
+          label: '父级参数组',
+          name: 'parentId',
+          Comp: function Comp(props) {
+            return /*#__PURE__*/React$1.createElement(ParentSelector, Object.assign({}, props, {
+              parentOptions: _this2.props.allParams
+            }));
+          }
+        });
+      }
+
+      return items;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React$1.createElement(Form, {
+        className: "param-value-editor",
+        ref: this.ref,
+        initialValues: this.props.initialValues,
+        onFinish: this.props.onSubmit,
+        onValuesChange: this.onChange
+      }, this.formItems.map(function (it) {
+        return /*#__PURE__*/React$1.createElement(Form.Item, {
+          key: it.name,
+          label: it.label,
+          name: it.name,
+          required: it.required,
+          requiredMark: true,
+          rules: [{
+            validator: it.validator || function () {
+              return Promise.resolve();
+            }
+          }],
+          validateTrigger: 'onBlur'
+        }, /*#__PURE__*/React$1.createElement(it.Comp, null));
+      }), this.props.onSubmit && /*#__PURE__*/React$1.createElement(Button, {
+        type: "primary",
+        htmlType: "submit"
+      }, "\u63D0\u4EA4"));
+    }
+  }]);
+
+  return ParamGroupEditor;
+}(PureComponent);
+var ParamGroupEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
+  _inherits(ParamGroupEditorModalEl, _PureComponent2);
+
+  var _super2 = _createSuper(ParamGroupEditorModalEl);
+
+  function ParamGroupEditorModalEl() {
+    var _this3;
+
+    _classCallCheck(this, ParamGroupEditorModalEl);
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    _this3 = _super2.call.apply(_super2, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this3), "ref", React$1.createRef());
+
+    _defineProperty(_assertThisInitialized(_this3), "state", {
+      visible: false,
+      pending: false
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "onShow", function () {
+      return _this3.setState({
+        visible: true
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "onHide", function () {
+      return _this3.setState({
+        visible: false
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this3), "onSubmit", function () {
+      var form = _this3.ref.current.ref.current;
+      return form.validateFields().then(function () {
+        return _this3.setState({
+          pending: true
+        });
+      }).then(function () {
+        var data = _objectSpread2(_objectSpread2({}, _this3.props.initialValues), form.getFieldsValue());
+
+        if (_this3.isEdit && isEqual(data, _this3.props.initialValues)) {
+          message.warning('请修改后再提交');
+          return Promise.reject();
+        }
+
+        return _this3.props.onSubmit(data);
+      }).then(_this3.onHide).finally(function () {
+        return _this3.setState({
+          pending: false
+        });
+      });
+    });
+
+    return _this3;
+  }
+
+  _createClass(ParamGroupEditorModalEl, [{
+    key: "isEdit",
+    get: function get() {
+      var _this$props$initialVa2;
+
+      return Boolean((_this$props$initialVa2 = this.props.initialValues) === null || _this$props$initialVa2 === void 0 ? void 0 : _this$props$initialVa2.paramId);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props$initialVa3;
+
+      return /*#__PURE__*/React$1.createElement(Modal, {
+        key: String(this.state.visible),
+        width: 640,
+        title: ((_this$props$initialVa3 = this.props.initialValues) === null || _this$props$initialVa3 === void 0 ? void 0 : _this$props$initialVa3.paramId) ? '编辑参数组' : '新增参数组',
+        closable: false,
+        visible: this.state.visible,
+        footer: /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Button, {
+          onClick: this.onHide
+        }, "Cancel"), /*#__PURE__*/React$1.createElement(Button, {
+          type: "primary",
+          onClick: this.onSubmit,
+          loading: this.state.pending
+        }, "Submit"))
+      }, /*#__PURE__*/React$1.createElement(ParamGroupEditor, Object.assign({}, this.props, {
+        ref: this.ref,
+        onSubmit: undefined
+      })));
+    }
+  }]);
+
+  return ParamGroupEditorModalEl;
+}(PureComponent);
+var ParamGroupEditorModal = /*#__PURE__*/function () {
+  function ParamGroupEditorModal() {
+    _classCallCheck(this, ParamGroupEditorModal);
+  }
+
+  _createClass(ParamGroupEditorModal, null, [{
+    key: "show",
+    value: function show(props) {
+      return ParamGroupEditorModal.el.render(props).then(function () {
+        ParamGroupEditorModal.el.ref.onShow();
+      });
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      return ParamGroupEditorModal.el.render().then(function () {
+        ParamGroupEditorModal.el.ref.onHide();
+      });
+    }
+  }]);
+
+  return ParamGroupEditorModal;
+}();
+
+_defineProperty(ParamGroupEditorModal, "el", new ReactGlobalComp('param-group-editor-modal', ParamGroupEditorModalEl));
+
+export { ParamForm, ParamFormModal, ParamGroupEditor, ParamGroupEditorModal, ParamGroupEditorModalEl, ParamRenderer, ParamType, ParamTypeConfig, ParamTypeOptions, ParamValueEditor, ParamValueEditorModal, ParamValueEditorModalEl, emptyValidator, expiriesValidator, expiryValidator, formatNum, isExpired, isNullLike, keyValidator, numRangeValidator, paramValidator, validatorCvt };