@signalplus/params-about 0.1.3 → 0.1.6

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.6
  * License: MIT
  * Author: 2631541504@qq.com
  */
 
-import React, { PureComponent, useMemo } from 'react';
+import React, { 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) {
@@ -563,7 +566,7 @@ var NumCvt = /*#__PURE__*/function () {
   return NumCvt;
 }();
 
-function initState(props) {
+function initState$1(props) {
   return {
     preProps: props,
     tempValue: NumCvt.show(props.value, props.isPercentage)
@@ -586,7 +589,7 @@ var Num = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "state", initState(_this.props));
+    _defineProperty(_assertThisInitialized(_this), "state", initState$1(_this.props));
 
     _defineProperty(_assertThisInitialized(_this), "onChange", function (e) {
       var $value = e.target.value;
@@ -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;
@@ -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);
     });
 
@@ -1249,6 +1252,7 @@ var ParamRenderer = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var Comp = this.typeConfig.Comp;
       return /*#__PURE__*/React.createElement(Comp, Object.assign({}, this.props, {
+        options: this.props.expiriesOptions,
         value: this.value,
         onChange: this.onChange,
         className: classNames('param-renderer', this.props.className)
@@ -1260,11 +1264,23 @@ var ParamRenderer = /*#__PURE__*/function (_PureComponent) {
 }(PureComponent);
 
 function ParentSelector(props) {
-  var value = useMemo(function () {
+  var _useMemo = useMemo(function () {
     var _props$parentOptions;
 
     var $value = [];
 
+    var cvt = function cvt(it) {
+      var _it$children;
+
+      return _objectSpread2(_objectSpread2({}, it), {}, {
+        label: it.name,
+        value: String(it.$paramId),
+        children: (_it$children = it.children) === null || _it$children === void 0 ? void 0 : _it$children.map(cvt)
+      });
+    };
+
+    var $options = ((_props$parentOptions = props.parentOptions) === null || _props$parentOptions === void 0 ? void 0 : _props$parentOptions.map(cvt)) || [];
+
     var find = function find(item) {
       var _item$children;
 
@@ -1277,16 +1293,26 @@ function ParentSelector(props) {
       }));
     };
 
-    var matched = props.value && ((_props$parentOptions = props.parentOptions) === null || _props$parentOptions === void 0 ? void 0 : _props$parentOptions.some(function (it) {
+    var matched = props.value && $options.some(function (it) {
       return find(it);
-    }));
-    if (!matched) return [];
-    return $value;
-  }, [props.parentOptions, props.value]);
-  return /*#__PURE__*/React.createElement(Cascader, Object.assign({}, props, {
+    });
+    if (!matched) return {
+      value: [],
+      options: $options
+    };
+    return {
+      value: $value,
+      options: $options
+    };
+  }, [props.parentOptions, props.value]),
+      value = _useMemo.value,
+      options = _useMemo.options;
+
+  return /*#__PURE__*/React.createElement(Cascader, {
+    style: props.style,
     disabled: props.readonly,
     placeholder: '请选择',
-    options: props.parentOptions,
+    options: options,
     className: classNames('param-parent-selector', {
       readonly: props.readonly
     }, props.className),
@@ -1296,7 +1322,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) {
@@ -1317,68 +1343,6 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
 
     _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), "onChange", function (changed, data) {
       var _this$props$onChange, _this$props;
 
@@ -1390,10 +1354,84 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
   }
 
   _createClass(ParamForm, [{
-    key: "render",
-    value: function render() {
+    key: "formItems",
+    get: function get() {
       var _this2 = this;
 
+      return [{
+        label: '所属分组',
+        name: 'parentId',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React.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.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), 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: function Comp(props) {
+          var _this2$ref$current;
+
+          return /*#__PURE__*/React.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.createElement(Input.TextArea, Object.assign({
+            placeholder: '请输入'
+          }, props));
+        }
+      }];
+    }
+  }, {
+    key: "render",
+    value: function render() {
       return /*#__PURE__*/React.createElement(Form, {
         className: "param-form",
         ref: this.ref,
@@ -1402,8 +1440,6 @@ 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, {
           key: it.name,
           label: it.label,
@@ -1416,11 +1452,7 @@ 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')
-        }));
+        }, /*#__PURE__*/React.createElement(it.Comp, null));
       }), this.props.onSubmit && /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         htmlType: "submit"
@@ -1450,7 +1482,8 @@ var ParamFormModalEl = /*#__PURE__*/function (_PureComponent2) {
     _defineProperty(_assertThisInitialized(_this3), "ref", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this3), "state", {
-      visible: false
+      visible: false,
+      pending: false
     });
 
     _defineProperty(_assertThisInitialized(_this3), "onShow", function () {
@@ -1468,29 +1501,50 @@ 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 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.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, {
           onClick: this.onHide
         }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
           type: "primary",
-          onClick: this.onSubmit
+          onClick: this.onSubmit,
+          loading: this.state.pending
         }, "\u786E\u8BA4"))
       }, /*#__PURE__*/React.createElement(ParamForm, Object.assign({}, this.props, {
         ref: this.ref,
@@ -1546,46 +1600,6 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
 
     _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), "onChange", function (changed, data) {
       var _this$props$onChange, _this$props;
 
@@ -1596,15 +1610,59 @@ 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.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,
+            parentOptions: _this2.props.allParams
+          }));
+        }
+      }, {
+        label: 'Value after',
+        name: 'value',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React.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, {
         className: "param-value-editor",
         ref: this.ref,
@@ -1625,10 +1683,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
             }
           }],
           validateTrigger: 'onBlur'
-        }, /*#__PURE__*/React.createElement(it.Comp, {
-          parentOptions: _this2.props.allParams,
-          valueType: _this2.props.valueType
-        }));
+        }, /*#__PURE__*/React.createElement(it.Comp, null));
       }), this.props.onSubmit && /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         htmlType: "submit"
@@ -1657,7 +1712,8 @@ var ParamValueEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
     _defineProperty(_assertThisInitialized(_this3), "ref", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this3), "state", {
-      visible: false
+      visible: false,
+      pending: false
     });
 
     _defineProperty(_assertThisInitialized(_this3), "onShow", function () {
@@ -1675,8 +1731,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;
@@ -1695,7 +1766,8 @@ var ParamValueEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
           onClick: this.onHide
         }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
           type: "primary",
-          onClick: this.onSubmit
+          onClick: this.onSubmit,
+          loading: this.state.pending
         }, "Submit"))
       }, /*#__PURE__*/React.createElement(ParamValueEditor, Object.assign({}, this.props, {
         ref: this.ref,
@@ -1732,4 +1804,540 @@ 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.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.createElement(Input, Object.assign({}, props, {
+            placeholder: '请输入'
+          }));
+        },
+        validator: validatorCvt(function (val) {
+          return emptyValidator(val);
+        })
+      }, {
+        label: '业务流程图',
+        name: 'descriptionUrl',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React.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.createElement(ParentSelector, Object.assign({}, props, {
+              parentOptions: _this2.props.allParams
+            }));
+          }
+        });
+      }
+
+      return items;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.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.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.createElement(it.Comp, null));
+      }), this.props.onSubmit && /*#__PURE__*/React.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.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.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+          onClick: this.onHide
+        }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+          type: "primary",
+          onClick: this.onSubmit,
+          loading: this.state.pending
+        }, "\u786E\u5B9A"))
+      }, /*#__PURE__*/React.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));
+
+function genOptions(props) {
+  var filter = function filter(it) {
+    return it.valueType !== ParamType.ParamGroup;
+  };
+
+  var cvt = function cvt(it) {
+    var _it$children;
+
+    return _objectSpread2(_objectSpread2({}, it), {}, {
+      disabled: props.targetParams.includes(String(it.$paramId)),
+      children: (_it$children = it.children) === null || _it$children === void 0 ? void 0 : _it$children.filter(filter).map(cvt)
+    });
+  };
+
+  return props.allParams.map(cvt) || [];
+}
+
+function genParamsMap(props) {
+  var map = {};
+
+  var append = function append(it) {
+    var _it$children2;
+
+    map[it.$paramId] = _objectSpread2(_objectSpread2({}, it), {}, {
+      disabled: props.targetParams.includes(String(it.$paramId))
+    });
+    (_it$children2 = it.children) === null || _it$children2 === void 0 ? void 0 : _it$children2.forEach(append);
+  };
+
+  props.allParams.forEach(append);
+  return map;
+}
+
+function initState(props) {
+  return {
+    preProps: props,
+    options: genOptions(props),
+    paramsMap: genParamsMap(props)
+  };
+}
+
+var ParamMover = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ParamMover, _PureComponent);
+
+  var _super = _createSuper(ParamMover);
+
+  function ParamMover() {
+    var _this;
+
+    _classCallCheck(this, ParamMover);
+
+    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), "ref", React.createRef());
+
+    return _this;
+  }
+
+  _createClass(ParamMover, [{
+    key: "newParams",
+    get: function get() {
+      var _this2 = this;
+
+      var _getFieldsValue = this.ref.current.getFieldsValue(),
+          parentId = _getFieldsValue.parentId;
+
+      var filter = function filter(it) {
+        return !_this2.props.targetParams.includes(String(it.$paramId));
+      };
+
+      var map = function map(it) {
+        var _it$children3;
+
+        if (it.$paramId === parentId) {
+          return _objectSpread2(_objectSpread2({}, it), {}, {
+            children: (it.children || []).concat(_this2.props.targetParams.map(function ($paramId) {
+              return _objectSpread2(_objectSpread2({}, _this2.state.paramsMap[$paramId]), {}, {
+                parentId: it.$paramId
+              });
+            }))
+          });
+        }
+
+        return _objectSpread2(_objectSpread2({}, it), {}, {
+          children: (_it$children3 = it.children) === null || _it$children3 === void 0 ? void 0 : _it$children3.filter(filter).map(map)
+        });
+      };
+
+      return this.props.allParams.filter(filter).map(map);
+    }
+  }, {
+    key: "formItems",
+    get: function get() {
+      var _this3 = this;
+
+      var items = [{
+        label: '选择分组',
+        name: 'parentId',
+        Comp: function Comp(props) {
+          return /*#__PURE__*/React.createElement(ParentSelector, Object.assign({}, props, {
+            parentOptions: _this3.state.options
+          }));
+        }
+      }];
+      return items;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(Form, {
+        className: "param-value-editor",
+        ref: this.ref,
+        onFinish: this.props.onSubmit
+      }, this.formItems.map(function (it) {
+        return /*#__PURE__*/React.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.createElement(it.Comp, null));
+      }), this.props.onSubmit && /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        htmlType: "submit"
+      }, "\u63D0\u4EA4"));
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(props, state) {
+      if (props.allParams !== state.preProps.allParams) {
+        state.paramsMap = genParamsMap(props);
+
+        if (props.targetParams !== state.preProps.targetParams) {
+          state.options = genOptions(props);
+        }
+      }
+
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        preProps: props
+      });
+    }
+  }]);
+
+  return ParamMover;
+}(PureComponent);
+var ParamMoverModalEl = /*#__PURE__*/function (_PureComponent2) {
+  _inherits(ParamMoverModalEl, _PureComponent2);
+
+  var _super2 = _createSuper(ParamMoverModalEl);
+
+  function ParamMoverModalEl() {
+    var _this4;
+
+    _classCallCheck(this, ParamMoverModalEl);
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    _this4 = _super2.call.apply(_super2, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this4), "ref", React.createRef());
+
+    _defineProperty(_assertThisInitialized(_this4), "state", {
+      visible: false,
+      pending: false
+    });
+
+    _defineProperty(_assertThisInitialized(_this4), "onShow", function () {
+      return _this4.setState({
+        visible: true
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this4), "onHide", function () {
+      return _this4.setState({
+        visible: false
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this4), "onSubmit", function () {
+      var form = _this4.ref.current.ref.current;
+      return form.validateFields().then(function () {
+        return _this4.setState({
+          pending: true
+        });
+      }).then(function () {
+        return _this4.props.onSubmit(_this4.ref.current.newParams);
+      }).then(_this4.onHide).finally(function () {
+        return _this4.setState({
+          pending: false
+        });
+      });
+    });
+
+    return _this4;
+  }
+
+  _createClass(ParamMoverModalEl, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(Modal, {
+        key: String(this.state.visible),
+        width: 640,
+        title: '移动参数',
+        closable: false,
+        visible: this.state.visible,
+        footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+          onClick: this.onHide
+        }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
+          type: "primary",
+          onClick: this.onSubmit,
+          loading: this.state.pending
+        }, "\u786E\u5B9A"))
+      }, /*#__PURE__*/React.createElement(ParamMover, Object.assign({}, this.props, {
+        ref: this.ref,
+        onSubmit: undefined
+      })));
+    }
+  }]);
+
+  return ParamMoverModalEl;
+}(PureComponent);
+var ParamMoverModal = /*#__PURE__*/function () {
+  function ParamMoverModal() {
+    _classCallCheck(this, ParamMoverModal);
+  }
+
+  _createClass(ParamMoverModal, null, [{
+    key: "show",
+    value: function show(props) {
+      return ParamMoverModal.el.render(props).then(function () {
+        ParamMoverModal.el.ref.onShow();
+      });
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      return ParamMoverModal.el.render().then(function () {
+        ParamMoverModal.el.ref.onHide();
+      });
+    }
+  }]);
+
+  return ParamMoverModal;
+}();
+
+_defineProperty(ParamMoverModal, "el", new ReactGlobalComp('param-mover-modal', ParamMoverModalEl));
+
+export { ParamForm, ParamFormModal, ParamGroupEditor, ParamGroupEditorModal, ParamGroupEditorModalEl, ParamMover, ParamMoverModal, ParamMoverModalEl, ParamRenderer, ParamType, ParamTypeConfig, ParamTypeOptions, ParamValueEditor, ParamValueEditorModal, ParamValueEditorModalEl, emptyValidator, expiriesValidator, expiryValidator, formatNum, isExpired, isNullLike, keyValidator, numRangeValidator, paramValidator, validatorCvt };