@signalplus/params-about 0.1.5 → 0.1.8

package/index.d.ts

@@ -77,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>;
@@ -129,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>;
@@ -180,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>;
@@ -219,9 +219,12 @@ interface ParamMoverData {
     parentId: string;
 }
 interface ParamMoverProps {
+    /**
+     * 需要确保 targetParams 的元素之间无父子或者祖先子孙关系
+     * */
     targetParams: string[];
     allParams: NonNullable<ParentSelectorProps['parentOptions']>;
-    onSubmit?(params: NonNullable<ParentSelectorProps['parentOptions']>): Promise<any>;
+    onSubmit?(params: NonNullable<ParentSelectorProps['parentOptions']>): any;
 }
 declare function initState(props: ParamMoverProps): {
     preProps: ParamMoverProps;
@@ -279,7 +282,7 @@ declare function paramValidator(val: any, values: {
     valueType: ParamType;
 }): string;
 declare const ParamTypeOptions: {
-    value: string;
+    value: number;
     label: string;
     name: string;
     key?: string | undefined;

package/lib/es/index.js

@@ -1,12 +1,12 @@
 /**
  * Bundle of @signalplus/params-about
  * Generated: 2022-04-08
- * Version: 0.1.5
+ * Version: 0.1.8
  * 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
@@ -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
     }));
   },
@@ -1204,7 +1204,7 @@ var ParamTypeOptions = Object.entries(ParamTypeConfig).map(function (_ref) {
       config = _ref2[1];
 
   return _objectSpread2(_objectSpread2({}, config), {}, {
-    value: value,
+    value: Number(value),
     label: config.name
   });
 });
@@ -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,
@@ -1308,7 +1308,8 @@ function ParentSelector(props) {
       value = _useMemo.value,
       options = _useMemo.options;
 
-  return /*#__PURE__*/React$1.createElement(Cascader, {
+  return /*#__PURE__*/React.createElement(Cascader, {
+    changeOnSelect: true,
     style: props.style,
     disabled: props.readonly,
     placeholder: '请选择',
@@ -1341,7 +1342,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;
@@ -1362,7 +1363,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
           }));
         },
@@ -1374,7 +1375,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));
         },
@@ -1384,7 +1385,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));
         }
@@ -1392,10 +1393,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({}, props, {
             placeholder: '请选择'
-          }, props), ParamTypeOptions.map(function (it) {
-            return /*#__PURE__*/React$1.createElement(Select.Option, {
+          }), ParamTypeOptions.map(function (it) {
+            return /*#__PURE__*/React.createElement(Select.Option, {
               key: it.value,
               value: it.value
             }, it.label);
@@ -1411,7 +1412,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')
           }));
@@ -1423,7 +1424,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));
         }
@@ -1432,7 +1433,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),
@@ -1440,7 +1441,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,
@@ -1452,8 +1453,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"));
@@ -1479,7 +1480,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,
@@ -1533,20 +1534,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
       })));
@@ -1598,7 +1599,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;
@@ -1618,7 +1619,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
           }));
         }
@@ -1626,7 +1627,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',
@@ -1638,7 +1639,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
           }));
@@ -1647,7 +1648,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
           }));
@@ -1663,7 +1664,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,
@@ -1671,7 +1672,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,
@@ -1683,8 +1684,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"));
@@ -1709,7 +1710,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,
@@ -1756,20 +1757,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
       })));
@@ -1870,7 +1871,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;
@@ -1887,12 +1888,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: '请输入'
           }));
         },
@@ -1903,7 +1904,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
           }));
@@ -1918,8 +1919,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
             }));
           }
         });
@@ -1930,14 +1931,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,
@@ -1949,8 +1950,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"));
@@ -1975,7 +1976,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,
@@ -2031,20 +2032,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
-        }, "\u53D6\u6D88"), /*#__PURE__*/React$1.createElement(Button, {
+        }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
           type: "primary",
           onClick: this.onSubmit,
           loading: this.state.pending
         }, "\u786E\u5B9A"))
-      }, /*#__PURE__*/React$1.createElement(ParamGroupEditor, Object.assign({}, this.props, {
+      }, /*#__PURE__*/React.createElement(ParamGroupEditor, Object.assign({}, this.props, {
         ref: this.ref,
         onSubmit: undefined
       })));
@@ -2138,7 +2139,7 @@ var ParamMover = /*#__PURE__*/function (_PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "state", initState(_this.props));
 
-    _defineProperty(_assertThisInitialized(_this), "ref", React$1.createRef());
+    _defineProperty(_assertThisInitialized(_this), "ref", React.createRef());
 
     return _this;
   }
@@ -2161,7 +2162,9 @@ var ParamMover = /*#__PURE__*/function (_PureComponent) {
         if (it.$paramId === parentId) {
           return _objectSpread2(_objectSpread2({}, it), {}, {
             children: (it.children || []).concat(_this2.props.targetParams.map(function ($paramId) {
-              return _this2.state.paramsMap[$paramId];
+              return _objectSpread2(_objectSpread2({}, _this2.state.paramsMap[$paramId]), {}, {
+                parentId: it.$paramId
+              });
             }))
           });
         }
@@ -2182,7 +2185,7 @@ var ParamMover = /*#__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: _this3.state.options
           }));
         }
@@ -2192,12 +2195,12 @@ var ParamMover = /*#__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,
         onFinish: this.props.onSubmit
       }, 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,
@@ -2209,8 +2212,8 @@ var ParamMover = /*#__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"));
@@ -2250,7 +2253,7 @@ var ParamMoverModalEl = /*#__PURE__*/function (_PureComponent2) {
 
     _this4 = _super2.call.apply(_super2, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this4), "ref", React$1.createRef());
+    _defineProperty(_assertThisInitialized(_this4), "ref", React.createRef());
 
     _defineProperty(_assertThisInitialized(_this4), "state", {
       visible: false,
@@ -2290,20 +2293,20 @@ var ParamMoverModalEl = /*#__PURE__*/function (_PureComponent2) {
   _createClass(ParamMoverModalEl, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React$1.createElement(Modal, {
+      return /*#__PURE__*/React.createElement(Modal, {
         key: String(this.state.visible),
         width: 640,
         title: '移动参数',
         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
-        }, "\u53D6\u6D88"), /*#__PURE__*/React$1.createElement(Button, {
+        }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
           type: "primary",
           onClick: this.onSubmit,
           loading: this.state.pending
         }, "\u786E\u5B9A"))
-      }, /*#__PURE__*/React$1.createElement(ParamMover, Object.assign({}, this.props, {
+      }, /*#__PURE__*/React.createElement(ParamMover, Object.assign({}, this.props, {
         ref: this.ref,
         onSubmit: undefined
       })));

package/package.json

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