@signalplus/params-about 0.1.4 → 0.1.7

package/index.d.ts

@@ -49,9 +49,12 @@ declare class ParamRenderer extends PureComponent<ParamRendererProps> {
 }
 
 interface ParentSelectorOption {
-    label: string;
-    value: string;
+    $paramId: string | number;
+    name: string;
+    disabled?: boolean;
+    valueType?: ParamType;
     children?: ParentSelectorOption[];
+    [key: string]: any;
 }
 interface ParentSelectorProps extends BaseInputProps {
     parentOptions?: ParentSelectorOption[];
@@ -74,9 +77,9 @@ interface ParamFormData {
 interface ParamFormProps {
     parentOptions: ParentSelectorProps['parentOptions'];
     expiriesOptions: string[];
-    initialValues?: ParamFormData;
+    initialValues?: Partial<ParamFormData>;
     onChange?(data: ParamFormData): void;
-    onSubmit?(data: ParamFormData): Promise<any>;
+    onSubmit?(data: ParamFormData): any;
 }
 declare class ParamForm extends PureComponent<ParamFormProps> {
     ref: React.RefObject<any>;
@@ -126,7 +129,7 @@ interface ParamValueEditorProps {
     valueType: ParamType;
     initialValues: ParamValueEditorData;
     onChange?(data: ParamValueEditorData): void;
-    onSubmit?(data: ParamValueEditorData): Promise<any>;
+    onSubmit?(data: ParamValueEditorData): any;
 }
 declare class ParamValueEditor extends PureComponent<ParamValueEditorProps> {
     ref: React.RefObject<any>;
@@ -177,10 +180,10 @@ interface ParamGroupEditorProps extends Required<Pick<ImageUploadProps, 'getSign
     /**
      * 传了表示为有父级
      * */
-    allParams?: ParentSelectorProps['parentOptions'];
-    initialValues?: ParamGroupEditorData;
+    parentOptions?: ParentSelectorProps['parentOptions'];
+    initialValues?: Partial<ParamGroupEditorData>;
     onChange?(data: ParamGroupEditorData): void;
-    onSubmit?(data: ParamGroupEditorData): Promise<any>;
+    onSubmit?(data: ParamGroupEditorData): any;
 }
 declare class ParamGroupEditor extends PureComponent<ParamGroupEditorProps> {
     ref: React.RefObject<any>;
@@ -212,6 +215,62 @@ declare class ParamGroupEditorModal {
     static hide(): Promise<void>;
 }
 
+interface ParamMoverData {
+    parentId: string;
+}
+interface ParamMoverProps {
+    /**
+     * 需要确保 targetParams 的元素之间无父子或者祖先子孙关系
+     * */
+    targetParams: string[];
+    allParams: NonNullable<ParentSelectorProps['parentOptions']>;
+    onSubmit?(params: NonNullable<ParentSelectorProps['parentOptions']>): any;
+}
+declare function initState(props: ParamMoverProps): {
+    preProps: ParamMoverProps;
+    options: any[];
+    paramsMap: Record<string, ParentSelectorOption>;
+};
+declare type ParamMoverState = ReturnType<typeof initState>;
+declare class ParamMover extends PureComponent<ParamMoverProps, ParamMoverState> {
+    static getDerivedStateFromProps(props: ParamMoverProps, state: ParamMoverState): {
+        preProps: ParamMoverProps;
+        options: any[];
+        paramsMap: Record<string, ParentSelectorOption>;
+    };
+    get newParams(): ParentSelectorOption[];
+    state: {
+        preProps: ParamMoverProps;
+        options: any[];
+        paramsMap: Record<string, ParentSelectorOption>;
+    };
+    ref: React.RefObject<any>;
+    get formItems(): {
+        label: string;
+        name: string;
+        Comp: React.ComponentType<BaseInputProps>;
+        required?: boolean | undefined;
+        validator?(_: any, val: any): Promise<any>;
+    }[];
+    render(): JSX.Element;
+}
+declare class ParamMoverModalEl extends PureComponent<ParamMoverProps & Required<Pick<ParamMoverProps, 'onSubmit'>>> {
+    ref: React.RefObject<ParamMover>;
+    state: {
+        visible: boolean;
+        pending: boolean;
+    };
+    onShow: () => void;
+    onHide: () => void;
+    onSubmit: () => any;
+    render(): JSX.Element;
+}
+declare class ParamMoverModal {
+    static el: ReactGlobalComp<ParamMoverProps & Required<Pick<ParamMoverProps, "onSubmit">>>;
+    static show(props: Omit<ComponentProps<typeof ParamMoverModalEl>, 'visible'>): Promise<void>;
+    static hide(): Promise<void>;
+}
+
 declare const ParamTypeConfig: Record<ParamType, {
     name: string;
     key?: string;
@@ -245,4 +304,4 @@ declare function keyValidator(val: string): "Should not be empty" | "" | "Out of
 declare function isExpired(val?: string): boolean;
 declare function validatorCvt(validator: (val: any, values: any) => ValidateInfo['string'], form?: () => any): (_: any, val: any) => Promise<any>;
 
-export { BaseInputProps, ParamForm, ParamFormData, ParamFormModal, ParamFormProps, ParamGroupEditor, ParamGroupEditorData, ParamGroupEditorModal, ParamGroupEditorModalEl, ParamGroupEditorProps, ParamRenderer, ParamRendererProps, ParamType, ParamTypeConfig, ParamTypeOptions, ParamValueEditor, ParamValueEditorData, ParamValueEditorModal, ParamValueEditorModalEl, ParamValueEditorProps, ParamValueStruct, ValidateInfo, emptyValidator, expiriesValidator, expiryValidator, formatNum, isExpired, isNullLike, keyValidator, numRangeValidator, paramValidator, validatorCvt };
+export { BaseInputProps, ParamForm, ParamFormData, ParamFormModal, ParamFormProps, ParamGroupEditor, ParamGroupEditorData, ParamGroupEditorModal, ParamGroupEditorModalEl, ParamGroupEditorProps, ParamMover, ParamMoverData, ParamMoverModal, ParamMoverModalEl, ParamMoverProps, ParamMoverState, ParamRenderer, ParamRendererProps, ParamType, ParamTypeConfig, ParamTypeOptions, ParamValueEditor, ParamValueEditorData, ParamValueEditorModal, ParamValueEditorModalEl, ParamValueEditorProps, ParamValueStruct, ValidateInfo, emptyValidator, expiriesValidator, expiryValidator, formatNum, isExpired, isNullLike, keyValidator, numRangeValidator, paramValidator, validatorCvt };

package/lib/es/index.js

@@ -1,12 +1,12 @@
 /**
  * Bundle of @signalplus/params-about
  * Generated: 2022-04-08
- * Version: 0.1.4
+ * Version: 0.1.7
  * License: MIT
  * Author: 2631541504@qq.com
  */
 
-import React$1, { PureComponent, useMemo, useState, useEffect } from 'react';
+import React, { PureComponent, useMemo, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
 import Big from 'big.js';
@@ -463,41 +463,41 @@ var Bool = /*#__PURE__*/function (_PureComponent) {
       value: false
     }]);
 
-    _defineProperty(_assertThisInitialized(_this), "RadioChecked", /*#__PURE__*/React$1.createElement("svg", {
+    _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$1.createElement("g", {
+    }, /*#__PURE__*/React.createElement("g", {
       clipPath: "url(#clip0_0_7934)"
-    }, /*#__PURE__*/React$1.createElement("circle", {
+    }, /*#__PURE__*/React.createElement("circle", {
       cx: "8",
       cy: "8.5",
       r: "7.5",
       fill: "none",
       stroke: "currentColor"
-    }), /*#__PURE__*/React$1.createElement("circle", {
+    }), /*#__PURE__*/React.createElement("circle", {
       cx: "8",
       cy: "8.5",
       r: "4",
       fill: "currentColor"
-    })), /*#__PURE__*/React$1.createElement("defs", null, /*#__PURE__*/React$1.createElement("clipPath", {
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
       id: "clip0_0_7934"
-    }, /*#__PURE__*/React$1.createElement("rect", {
+    }, /*#__PURE__*/React.createElement("rect", {
       width: "16",
       height: "16",
       fill: "white",
       transform: "translate(0 0.5)"
     })))));
 
-    _defineProperty(_assertThisInitialized(_this), "RadioUnchecked", /*#__PURE__*/React$1.createElement("svg", {
+    _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$1.createElement("circle", {
+    }, /*#__PURE__*/React.createElement("circle", {
       cx: "8",
       cy: "8.5",
       r: "7.5",
@@ -520,16 +520,16 @@ var Bool = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this2 = this;
 
-      return /*#__PURE__*/React$1.createElement("div", {
+      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$1.createElement("span", {
+      }, 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 active = it.value === _this2.props.value;
-        return /*#__PURE__*/React$1.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           key: String(it.value),
           className: classNames('param-bool-option', {
             active: active
@@ -566,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)
@@ -589,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;
@@ -616,21 +616,21 @@ var Num = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this$state$tempValue;
 
-      return /*#__PURE__*/React$1.createElement("div", {
+      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$1.createElement("span", {
+      }, 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$1.createElement("input", {
+      }, (_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,
         onBlur: this.props.onBlur
-      }), this.props.isPercentage && /*#__PURE__*/React$1.createElement("span", {
+      }), this.props.isPercentage && /*#__PURE__*/React.createElement("span", {
         className: "param-number-suffix"
       }, "%"));
     }
@@ -683,25 +683,25 @@ var NumRange = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this$props$value, _this$props$value2;
 
-      return /*#__PURE__*/React$1.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: classNames('param-number-range', {
           readonly: this.props.readonly
         }, this.props.className),
         style: this.props.style
-      }, /*#__PURE__*/React$1.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "param-number-range-prefix"
-      }, "Min"), /*#__PURE__*/React$1.createElement(Num, {
+      }, "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,
         onBlur: this.props.onBlur
-      }), /*#__PURE__*/React$1.createElement("span", {
+      }), /*#__PURE__*/React.createElement("span", {
         className: "param-number-range-sep"
-      }, this.props.readonly ? ',' : '-'), /*#__PURE__*/React$1.createElement("span", {
+      }, this.props.readonly ? ',' : '-'), /*#__PURE__*/React.createElement("span", {
         className: "param-number-range-prefix"
-      }, "Max"), /*#__PURE__*/React$1.createElement(Num, {
+      }, "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'),
@@ -788,29 +788,29 @@ var TextArray = /*#__PURE__*/function (_PureComponent) {
 
       this.value = this.props.value || [];
       if (!this.value.length) this.value.push('');
-      return /*#__PURE__*/React$1.createElement("div", {
+      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$1.createElement("span", {
+      }, 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$1.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: "param-arr-item",
           key: i
-        }, /*#__PURE__*/React$1.createElement("input", {
+        }, /*#__PURE__*/React.createElement("input", {
           type: "text",
           placeholder: "Phone",
           value: it,
           onChange: _this2.onChange.bind(null, i),
           onBlur: _this2.props.onBlur
-        }), /*#__PURE__*/React$1.createElement("div", {
+        }), /*#__PURE__*/React.createElement("div", {
           className: "param-arr-ops"
-        }, /*#__PURE__*/React$1.createElement(PlusOutlined, {
+        }, /*#__PURE__*/React.createElement(PlusOutlined, {
           className: "param-arr-ops-add",
           onClick: _this2.onAdd.bind(null, i)
-        }), /*#__PURE__*/React$1.createElement(DeleteOutlined, {
+        }), /*#__PURE__*/React.createElement(DeleteOutlined, {
           className: "param-arr-ops-del",
           onClick: _this2.onDel.bind(null, i)
         })));
@@ -880,12 +880,12 @@ var Expiries = /*#__PURE__*/function (_PureComponent) {
       });
 
       if (this.props.readonly) {
-        return /*#__PURE__*/React$1.createElement("span", {
+        return /*#__PURE__*/React.createElement("span", {
           className: "param-expiries-val"
         }, (value === null || value === void 0 ? void 0 : value.join(', ')) || '-');
       }
 
-      var placeholder = /*#__PURE__*/React$1.createElement("span", {
+      var placeholder = /*#__PURE__*/React.createElement("span", {
         className: "param-expiries-placeholder"
       }, "Choose an expiry");
 
@@ -894,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$1.createElement("span", {
+        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$1.createElement("span", {
+        return /*#__PURE__*/React.createElement("span", {
           className: "param-expiries-multi-val",
           key: it,
           onClick: function onClick(e) {
             return e.stopPropagation();
           }
-        }, it, /*#__PURE__*/React$1.createElement(CloseOutlined, {
+        }, it, /*#__PURE__*/React.createElement(CloseOutlined, {
           onClick: _this2.onChange.bind(null, it)
         }));
       });
@@ -918,7 +918,7 @@ var Expiries = /*#__PURE__*/function (_PureComponent) {
       var _this$props$options,
           _this3 = this;
 
-      return /*#__PURE__*/React$1.createElement(Popover, {
+      return /*#__PURE__*/React.createElement(Popover, {
         overlayClassName: "param-expiries-popover",
         trigger: 'click',
         placement: 'bottomLeft',
@@ -929,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$1.createElement("div", {
+          return /*#__PURE__*/React.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$1.createElement(CheckOutlined, null));
+          }, it, checked && /*#__PURE__*/React.createElement(CheckOutlined, null));
         })
-      }, /*#__PURE__*/React$1.createElement("div", {
+      }, /*#__PURE__*/React.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$1.createElement(DownOutlined, {
+      }, this.renderValue(), !this.props.readonly && this.props.options && /*#__PURE__*/React.createElement(DownOutlined, {
         className: "param-expiries-arrow"
       })));
     }
@@ -1021,7 +1021,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
       if (!this.value.length) this.value.push({
         expiry: ''
       });
-      return /*#__PURE__*/React$1.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: classNames('param-expiries-limit', {
           readonly: this.props.readonly
         }, this.props.className),
@@ -1029,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$1.createElement("span", {
+        return /*#__PURE__*/React.createElement("span", {
           className: "param-expiries-limit-val",
           key: i
-        }, it.expiry, /*#__PURE__*/React$1.createElement("span", {
+        }, it.expiry, /*#__PURE__*/React.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$1.createElement("span", {
+        }, "/"), it.minAumPercentage && it.maxAumPercentage ? "(".concat(NumCvt.show(it.minAumPercentage, true), "%, ").concat(NumCvt.show(it.maxAumPercentage, true), "%)") : '-', /*#__PURE__*/React.createElement("span", {
           className: "param-expiries-limit-val-sep"
         }, "/"), it.minAbs && it.maxAbs ? "(".concat(it.minAbs, ", ").concat(it.maxAbs, ")") : '-');
-      }) : '-' : /*#__PURE__*/React$1.createElement("div", {
+      }) : '-' : /*#__PURE__*/React.createElement("div", {
         className: "param-expiries-limit-inputs"
-      }, /*#__PURE__*/React$1.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "param-expiries readonly"
-      }, /*#__PURE__*/React$1.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "param-expiries-val"
-      }, "Expiry")), /*#__PURE__*/React$1.createElement("div", {
+      }, "Expiry")), /*#__PURE__*/React.createElement("div", {
         className: "param-number-range readonly"
-      }, "Limit(% of AUM)"), /*#__PURE__*/React$1.createElement("div", {
+      }, "Limit(% of AUM)"), /*#__PURE__*/React.createElement("div", {
         className: "param-number-range readonly"
-      }, "Limit(ABS)"), /*#__PURE__*/React$1.createElement("div", {
+      }, "Limit(ABS)"), /*#__PURE__*/React.createElement("div", {
         className: "param-arr-ops readonly"
       }), this.value.map(function (it, i) {
-        return /*#__PURE__*/React$1.createElement(React$1.Fragment, {
+        return /*#__PURE__*/React.createElement(React.Fragment, {
           key: i
-        }, /*#__PURE__*/React$1.createElement(Expiries, {
+        }, /*#__PURE__*/React.createElement(Expiries, {
           multiple: false,
           options: _this2.props.options,
           value: [it.expiry],
@@ -1065,7 +1065,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
             });
           },
           onBlur: _this2.props.onBlur
-        }), /*#__PURE__*/React$1.createElement(NumRange, {
+        }), /*#__PURE__*/React.createElement(NumRange, {
           value: {
             min: it.minAumPercentage,
             max: it.maxAumPercentage
@@ -1078,7 +1078,7 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
           },
           isPercentage: true,
           onBlur: _this2.props.onBlur
-        }), /*#__PURE__*/React$1.createElement(NumRange, {
+        }), /*#__PURE__*/React.createElement(NumRange, {
           value: {
             min: it.minAbs,
             max: it.maxAbs
@@ -1090,12 +1090,12 @@ var ExpiriesLimit = /*#__PURE__*/function (_PureComponent) {
             });
           },
           onBlur: _this2.props.onBlur
-        }), /*#__PURE__*/React$1.createElement("div", {
+        }), /*#__PURE__*/React.createElement("div", {
           className: "param-arr-ops"
-        }, /*#__PURE__*/React$1.createElement(PlusOutlined, {
+        }, /*#__PURE__*/React.createElement(PlusOutlined, {
           className: "param-arr-ops-add",
           onClick: _this2.onAdd.bind(null, i)
-        }), /*#__PURE__*/React$1.createElement(DeleteOutlined, {
+        }), /*#__PURE__*/React.createElement(DeleteOutlined, {
           className: "param-arr-ops-del",
           onClick: _this2.onDel.bind(null, i)
         })));
@@ -1110,7 +1110,7 @@ var _ParamTypeConfig;
 var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig, ParamType.ParamGroup, {
   name: '参数组',
   Comp: function Comp() {
-    return /*#__PURE__*/React$1.createElement(React$1.Fragment, null);
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
 }), _defineProperty(_ParamTypeConfig, ParamType.Number, {
   name: '普通数值',
@@ -1121,7 +1121,7 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
   name: '百分比数值',
   key: 'number',
   Comp: function Comp(props) {
-    return /*#__PURE__*/React$1.createElement(Num, Object.assign({}, props, {
+    return /*#__PURE__*/React.createElement(Num, Object.assign({}, props, {
       isPercentage: true
     }));
   },
@@ -1140,7 +1140,7 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
   name: '百分比范围',
   key: 'range',
   Comp: function Comp(props) {
-    return /*#__PURE__*/React$1.createElement(NumRange, Object.assign({}, props, {
+    return /*#__PURE__*/React.createElement(NumRange, Object.assign({}, props, {
       isPercentage: true
     }));
   },
@@ -1251,7 +1251,7 @@ var ParamRenderer = /*#__PURE__*/function (_PureComponent) {
     key: "render",
     value: function render() {
       var Comp = this.typeConfig.Comp;
-      return /*#__PURE__*/React$1.createElement(Comp, Object.assign({}, this.props, {
+      return /*#__PURE__*/React.createElement(Comp, Object.assign({}, this.props, {
         options: this.props.expiriesOptions,
         value: this.value,
         onChange: this.onChange,
@@ -1264,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;
 
@@ -1281,17 +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$1.createElement(Cascader, {
+    });
+    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),
@@ -1320,7 +1341,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "ref", React$1.createRef());
+    _defineProperty(_assertThisInitialized(_this), "ref", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this), "onChange", function (changed, data) {
       var _this$props$onChange, _this$props;
@@ -1341,7 +1362,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
         label: '所属分组',
         name: 'parentId',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement(ParentSelector, Object.assign({}, props, {
+          return /*#__PURE__*/React.createElement(ParentSelector, Object.assign({}, props, {
             parentOptions: _this2.props.parentOptions
           }));
         },
@@ -1353,7 +1374,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
         label: '参数 Key',
         name: 'key',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement(Input, Object.assign({
+          return /*#__PURE__*/React.createElement(Input, Object.assign({
             placeholder: '请输入'
           }, props));
         },
@@ -1363,7 +1384,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
         label: '参数名称',
         name: 'name',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement(Input, Object.assign({
+          return /*#__PURE__*/React.createElement(Input, Object.assign({
             placeholder: '请输入'
           }, props));
         }
@@ -1371,10 +1392,10 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
         label: '参数类型',
         name: 'valueType',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement(Select, Object.assign({
+          return /*#__PURE__*/React.createElement(Select, Object.assign({
             placeholder: '请选择'
           }, props), ParamTypeOptions.map(function (it) {
-            return /*#__PURE__*/React$1.createElement(Select.Option, {
+            return /*#__PURE__*/React.createElement(Select.Option, {
               key: it.value,
               value: it.value
             }, it.label);
@@ -1390,7 +1411,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
         Comp: function Comp(props) {
           var _this2$ref$current;
 
-          return /*#__PURE__*/React$1.createElement(ParamRenderer, Object.assign({}, props, {
+          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')
           }));
@@ -1402,7 +1423,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
         label: '参数说明',
         name: 'description',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement(Input.TextArea, Object.assign({
+          return /*#__PURE__*/React.createElement(Input.TextArea, Object.assign({
             placeholder: '请输入'
           }, props));
         }
@@ -1411,7 +1432,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React$1.createElement(Form, {
+      return /*#__PURE__*/React.createElement(Form, {
         className: "param-form",
         ref: this.ref,
         key: JSON.stringify(this.props.initialValues),
@@ -1419,7 +1440,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
         onFinish: this.props.onSubmit,
         onValuesChange: this.onChange
       }, this.formItems.map(function (it) {
-        return /*#__PURE__*/React$1.createElement(Form.Item, {
+        return /*#__PURE__*/React.createElement(Form.Item, {
           key: it.name,
           label: it.label,
           name: it.name,
@@ -1431,8 +1452,8 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
             }
           }],
           validateTrigger: 'onBlur'
-        }, /*#__PURE__*/React$1.createElement(it.Comp, null));
-      }), this.props.onSubmit && /*#__PURE__*/React$1.createElement(Button, {
+        }, /*#__PURE__*/React.createElement(it.Comp, null));
+      }), this.props.onSubmit && /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         htmlType: "submit"
       }, "\u63D0\u4EA4"));
@@ -1458,7 +1479,7 @@ var ParamFormModalEl = /*#__PURE__*/function (_PureComponent2) {
 
     _this3 = _super2.call.apply(_super2, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this3), "ref", React$1.createRef());
+    _defineProperty(_assertThisInitialized(_this3), "ref", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this3), "state", {
       visible: false,
@@ -1512,20 +1533,20 @@ var ParamFormModalEl = /*#__PURE__*/function (_PureComponent2) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React$1.createElement(Modal, {
+      return /*#__PURE__*/React.createElement(Modal, {
         key: String(this.state.visible),
         width: 640,
         closable: false,
         title: !this.isEdit ? '新增参数' : '修改参数',
         visible: this.state.visible,
-        footer: /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Button, {
+        footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
           onClick: this.onHide
-        }, "\u53D6\u6D88"), /*#__PURE__*/React$1.createElement(Button, {
+        }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
           type: "primary",
           onClick: this.onSubmit,
           loading: this.state.pending
         }, "\u786E\u8BA4"))
-      }, /*#__PURE__*/React$1.createElement(ParamForm, Object.assign({}, this.props, {
+      }, /*#__PURE__*/React.createElement(ParamForm, Object.assign({}, this.props, {
         ref: this.ref,
         onSubmit: undefined
       })));
@@ -1577,7 +1598,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "ref", React$1.createRef());
+    _defineProperty(_assertThisInitialized(_this), "ref", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this), "onChange", function (changed, data) {
       var _this$props$onChange, _this$props;
@@ -1597,7 +1618,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
         label: 'Parameter',
         name: 'paramId',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement(ParentSelector, Object.assign({}, props, {
+          return /*#__PURE__*/React.createElement(ParentSelector, Object.assign({}, props, {
             readonly: true
           }));
         }
@@ -1605,7 +1626,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
         label: 'Description',
         name: 'description',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement("span", {
+          return /*#__PURE__*/React.createElement("span", {
             className: "param-value-editor-desc",
             style: {
               lineHeight: '20px',
@@ -1617,7 +1638,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
         label: 'Value before',
         name: 'valueBefore',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement(ParamRenderer, Object.assign({}, props, {
+          return /*#__PURE__*/React.createElement(ParamRenderer, Object.assign({}, props, {
             readonly: true,
             parentOptions: _this2.props.allParams
           }));
@@ -1626,7 +1647,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
         label: 'Value after',
         name: 'value',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement(ParamRenderer, Object.assign({}, props, {
+          return /*#__PURE__*/React.createElement(ParamRenderer, Object.assign({}, props, {
             expiriesOptions: _this2.props.expiriesOptions,
             valueType: _this2.props.valueType
           }));
@@ -1642,7 +1663,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React$1.createElement(Form, {
+      return /*#__PURE__*/React.createElement(Form, {
         className: "param-value-editor",
         ref: this.ref,
         key: this.props.valueType,
@@ -1650,7 +1671,7 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
         onFinish: this.props.onSubmit,
         onValuesChange: this.onChange
       }, this.formItems.map(function (it) {
-        return /*#__PURE__*/React$1.createElement(Form.Item, {
+        return /*#__PURE__*/React.createElement(Form.Item, {
           key: it.name,
           label: it.label,
           name: it.name,
@@ -1662,8 +1683,8 @@ var ParamValueEditor = /*#__PURE__*/function (_PureComponent) {
             }
           }],
           validateTrigger: 'onBlur'
-        }, /*#__PURE__*/React$1.createElement(it.Comp, null));
-      }), this.props.onSubmit && /*#__PURE__*/React$1.createElement(Button, {
+        }, /*#__PURE__*/React.createElement(it.Comp, null));
+      }), this.props.onSubmit && /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         htmlType: "submit"
       }, "\u63D0\u4EA4"));
@@ -1688,7 +1709,7 @@ var ParamValueEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
 
     _this3 = _super2.call.apply(_super2, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this3), "ref", React$1.createRef());
+    _defineProperty(_assertThisInitialized(_this3), "ref", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this3), "state", {
       visible: false,
@@ -1735,20 +1756,20 @@ var ParamValueEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
   _createClass(ParamValueEditorModalEl, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React$1.createElement(Modal, {
+      return /*#__PURE__*/React.createElement(Modal, {
         key: String(this.state.visible),
         width: 640,
         title: 'Edit Value',
         closable: false,
         visible: this.state.visible,
-        footer: /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Button, {
+        footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
           onClick: this.onHide
-        }, "Cancel"), /*#__PURE__*/React$1.createElement(Button, {
+        }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
           type: "primary",
           onClick: this.onSubmit,
           loading: this.state.pending
         }, "Submit"))
-      }, /*#__PURE__*/React$1.createElement(ParamValueEditor, Object.assign({}, this.props, {
+      }, /*#__PURE__*/React.createElement(ParamValueEditor, Object.assign({}, this.props, {
         ref: this.ref,
         onSubmit: undefined
       })));
@@ -1849,7 +1870,7 @@ var ParamGroupEditor = /*#__PURE__*/function (_PureComponent) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "ref", React$1.createRef());
+    _defineProperty(_assertThisInitialized(_this), "ref", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this), "onChange", function (changed, data) {
       var _this$props$onChange, _this$props;
@@ -1866,12 +1887,12 @@ var ParamGroupEditor = /*#__PURE__*/function (_PureComponent) {
       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 isFirstLevel = !this.props.parentOptions && !((_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, {
+          return /*#__PURE__*/React.createElement(Input, Object.assign({}, props, {
             placeholder: '请输入'
           }));
         },
@@ -1882,7 +1903,7 @@ var ParamGroupEditor = /*#__PURE__*/function (_PureComponent) {
         label: '业务流程图',
         name: 'descriptionUrl',
         Comp: function Comp(props) {
-          return /*#__PURE__*/React$1.createElement(ImageUpload, Object.assign({}, props, {
+          return /*#__PURE__*/React.createElement(ImageUpload, Object.assign({}, props, {
             getSignedUrl: _this2.props.getSignedUrl,
             handleUpload: _this2.props.handleUpload
           }));
@@ -1897,8 +1918,8 @@ var ParamGroupEditor = /*#__PURE__*/function (_PureComponent) {
           label: '父级参数组',
           name: 'parentId',
           Comp: function Comp(props) {
-            return /*#__PURE__*/React$1.createElement(ParentSelector, Object.assign({}, props, {
-              parentOptions: _this2.props.allParams
+            return /*#__PURE__*/React.createElement(ParentSelector, Object.assign({}, props, {
+              parentOptions: _this2.props.parentOptions
             }));
           }
         });
@@ -1909,14 +1930,14 @@ var ParamGroupEditor = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React$1.createElement(Form, {
+      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$1.createElement(Form.Item, {
+        return /*#__PURE__*/React.createElement(Form.Item, {
           key: it.name,
           label: it.label,
           name: it.name,
@@ -1928,8 +1949,8 @@ var ParamGroupEditor = /*#__PURE__*/function (_PureComponent) {
             }
           }],
           validateTrigger: 'onBlur'
-        }, /*#__PURE__*/React$1.createElement(it.Comp, null));
-      }), this.props.onSubmit && /*#__PURE__*/React$1.createElement(Button, {
+        }, /*#__PURE__*/React.createElement(it.Comp, null));
+      }), this.props.onSubmit && /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         htmlType: "submit"
       }, "\u63D0\u4EA4"));
@@ -1954,7 +1975,7 @@ var ParamGroupEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
 
     _this3 = _super2.call.apply(_super2, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this3), "ref", React$1.createRef());
+    _defineProperty(_assertThisInitialized(_this3), "ref", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this3), "state", {
       visible: false,
@@ -2010,20 +2031,20 @@ var ParamGroupEditorModalEl = /*#__PURE__*/function (_PureComponent2) {
     value: function render() {
       var _this$props$initialVa3;
 
-      return /*#__PURE__*/React$1.createElement(Modal, {
+      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$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Button, {
+        footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
           onClick: this.onHide
-        }, "Cancel"), /*#__PURE__*/React$1.createElement(Button, {
+        }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
           type: "primary",
           onClick: this.onSubmit,
           loading: this.state.pending
-        }, "Submit"))
-      }, /*#__PURE__*/React$1.createElement(ParamGroupEditor, Object.assign({}, this.props, {
+        }, "\u786E\u5B9A"))
+      }, /*#__PURE__*/React.createElement(ParamGroupEditor, Object.assign({}, this.props, {
         ref: this.ref,
         onSubmit: undefined
       })));
@@ -2058,4 +2079,265 @@ var ParamGroupEditorModal = /*#__PURE__*/function () {
 
 _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 };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@signalplus/params-about",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "A description for the module",
   "main": "./lib/umd/index.js",
   "module": "./lib/es/index.js",