@signalplus/params-about 1.0.24 → 1.0.26-alpha

package/index.d.ts

@@ -19,7 +19,8 @@ declare enum ParamType {
     HardLimitHandler = 15,
     InstrumentArray = 14,
     OneWayHandler = 16,
-    TenorBucketHandlerList = 17
+    TenorBucketHandlerList = 17,
+    ExpiryVegaAlphaByEdgeList = 18
 }
 interface BaseInputProps {
     value?: any;
@@ -51,6 +52,7 @@ declare class ParamRenderer extends PureComponent<ParamRendererProps> {
         validator?(value: any, enableEmpty?: boolean | undefined): string;
         required?: boolean | undefined;
         sort: number;
+        modalWidth?: number | undefined;
     };
     get value(): any;
     onChange: (val: any) => void;
@@ -113,6 +115,7 @@ declare class ParamFormModalEl extends PureComponent<ParamFormProps & Required<P
     onShow: () => void;
     onHide: () => void;
     onSubmit: () => any;
+    width: string | null;
     render(): JSX.Element;
 }
 declare class ParamFormModal {
@@ -318,6 +321,7 @@ declare const ParamTypeConfig: Record<ParamType, {
     validator?(value: any, enableEmpty?: boolean): string;
     required?: boolean;
     sort: number;
+    modalWidth?: number;
 }>;
 declare function paramValidator(val: any, values: {
     valueType: ParamType;
@@ -332,6 +336,7 @@ declare const ParamTypeOptions: {
     validator?(value: any, enableEmpty?: boolean | undefined): string;
     required?: boolean | undefined;
     sort: number;
+    modalWidth?: number | undefined;
 }[];
 
 declare function formatNum(val: string): number | undefined;
@@ -342,7 +347,7 @@ declare function numRangeValidator(val: {
     min?: string;
     max?: string;
 }, enableEmpty?: boolean): string;
-declare function expiryValidator(val: string, enableEmpty?: boolean): "Should not be empty" | "" | "Out of format";
+declare function expiryValidator(val: string, enableEmpty?: boolean): "Should not be empty" | "";
 declare function expiriesValidator(val: string[]): string;
 declare function keyValidator(val: string, allKeys: string[]): "Should not be empty" | "" | "Out of format: should be a combination of the following chars `_.0-9a-zA-Z`" | "This key has been used";
 declare function isExpired(val?: string): boolean;

package/lib/es/index.js

@@ -1,7 +1,7 @@
 /**
  * Bundle of @signalplus/params-about
- * Generated: 2024-05-24
- * Version: 1.0.24
+ * Generated: 2025-10-15
+ * Version: 1.0.26-alpha
  * License: MIT
  * Author: 2631541504@qq.com
  */
@@ -11,7 +11,7 @@ import classNames from 'classnames';
 import dayjs from 'dayjs';
 import Big from 'big.js';
 import { PlusOutlined, DeleteOutlined, CloseOutlined, CheckOutlined, DownOutlined } from '@ant-design/icons';
-import { Popover, Cascader, Input, Select, Form, Button, message, Modal } from 'antd';
+import { Popover, Cascader, Checkbox, Input, Select, Form, Button, message, Modal } from 'antd';
 import { isArray, capitalize, isEqual } from 'lodash-es';
 import ReactGlobalComp from 'react-global-comp';
 import ReactFileInput from '@livelybone/react-file-input';
@@ -201,6 +201,7 @@ var ParamType;
   ParamType[ParamType["InstrumentArray"] = 14] = "InstrumentArray";
   ParamType[ParamType["OneWayHandler"] = 16] = "OneWayHandler";
   ParamType[ParamType["TenorBucketHandlerList"] = 17] = "TenorBucketHandlerList";
+  ParamType[ParamType["ExpiryVegaAlphaByEdgeList"] = 18] = "ExpiryVegaAlphaByEdgeList";
 })(ParamType || (ParamType = {}));
 
 function _arrayWithHoles(arr) {
@@ -293,16 +294,18 @@ function numRangeValidator(val, enableEmpty) {
 }
 function expiryValidator(val, enableEmpty) {
   var error = emptyValidator(val, enableEmpty);
-  if (error) return error;
-  var $val = dayjs(val.replace(/([a-zA-Z]+)/, ' $1 '), 'D MMM YY').format('DMMMYY').toUpperCase();
-  if ($val !== val && "0".concat($val) !== val) return 'Out of format';
+  if (error) return error; // const $val = dayjs(val.replace(/([a-zA-Z]+)/, ' $1 '), 'D MMM YY')
+  //   .format('DMMMYY')
+  //   .toUpperCase();
+  // if ($val !== val && `0${$val}` !== val) return 'Out of format';
+
   return '';
 }
 function expiriesValidator(val) {
   if (!(val === null || val === void 0 ? void 0 : val.length)) return '';
 
   for (var i = 0; i < val.length; i++) {
-    var error = expiryValidator(val[i]);
+    var error = emptyValidator(val[i]);
 
     if (error) {
       // return { [i]: error }
@@ -2501,6 +2504,352 @@ var TenorBucketHandlerList = /*#__PURE__*/function (_PureComponent) {
   return TenorBucketHandlerList;
 }(PureComponent);
 
+var ExpiryVegaAlphaByEdgeList = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ExpiryVegaAlphaByEdgeList, _PureComponent);
+
+  var _super = _createSuper(ExpiryVegaAlphaByEdgeList);
+
+  function ExpiryVegaAlphaByEdgeList() {
+    var _this;
+
+    _classCallCheck(this, ExpiryVegaAlphaByEdgeList);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "value", []);
+
+    _defineProperty(_assertThisInitialized(_this), "isEmptyItem", function (item) {
+      var _item$vegaRules, _item$expiry;
+
+      var vegaRulesValid = item.vegaRules ? (_item$vegaRules = item.vegaRules) === null || _item$vegaRules === void 0 ? void 0 : _item$vegaRules.find(function (it) {
+        return it.deltaRange.min || it.deltaRange.max || it.bidEdgeRange.min || it.bidEdgeRange.max || it.askEdgeRange.min || it.askEdgeRange.max;
+      }) : true;
+      return !((_item$expiry = item.expiry) === null || _item$expiry === void 0 ? void 0 : _item$expiry.trim()) && !item.vegaTarget && !!vegaRulesValid;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (i, val, key, k, subKey) {
+      var _this$props$onChange, _this$props;
+
+      var value = _toConsumableArray(_this.value);
+
+      if (!value[i]) value[i] = {
+        expiry: undefined,
+        vegaTarget: undefined,
+        vegaRules: [{
+          optionType: undefined,
+          deltaRange: {
+            min: undefined,
+            max: undefined
+          },
+          bidEdgeRange: {
+            min: undefined,
+            max: undefined
+          },
+          askEdgeRange: {
+            min: undefined,
+            max: undefined
+          },
+          allowTaker: false,
+          disable: false
+        }]
+      };
+
+      if (key) {
+        if (subKey && typeof k === 'number') {
+          if (subKey === 'optionType') {
+            // console.log('changeValue==========================', value, i, val, key, k, subKey);
+            if (val === 'Both') {
+              value[i].vegaRules = [_objectSpread2(_objectSpread2({}, value[i].vegaRules[k]), {}, {
+                optionType: 'Both'
+              })];
+            } else {
+              var _value$i$vegaRules;
+
+              if (((_value$i$vegaRules = value[i].vegaRules) === null || _value$i$vegaRules === void 0 ? void 0 : _value$i$vegaRules.length) <= 1) value[i].vegaRules = [_objectSpread2(_objectSpread2({}, value[i].vegaRules[k]), {}, {
+                optionType: val
+              }), {
+                optionType: val === 'Call' ? 'Put' : 'Call',
+                deltaRange: {
+                  min: undefined,
+                  max: undefined
+                },
+                bidEdgeRange: {
+                  min: undefined,
+                  max: undefined
+                },
+                askEdgeRange: {
+                  min: undefined,
+                  max: undefined
+                },
+                allowTaker: false,
+                disable: false
+              }];else value[i].vegaRules[k][subKey] = val;
+            }
+          } else {
+            value[i].vegaRules[k][subKey] = val;
+          }
+        } else {
+          value[i][key] = val;
+        }
+      } else {
+        value[i] = _objectSpread2(_objectSpread2({}, value[i]), val);
+      }
+
+      (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, value.length === 1 && _this.isEmptyItem(value[0]) ? [] : value);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onAdd", function (i) {
+      var _this$props$onChange2, _this$props2, _this$props$onBlur, _this$props3;
+
+      var value = _toConsumableArray(_this.value);
+
+      value.splice(i + 1, 0, {
+        expiry: undefined,
+        vegaTarget: undefined,
+        vegaRules: [{
+          optionType: undefined,
+          deltaRange: {
+            min: undefined,
+            max: undefined
+          },
+          bidEdgeRange: {
+            min: undefined,
+            max: undefined
+          },
+          askEdgeRange: {
+            min: undefined,
+            max: undefined
+          },
+          allowTaker: false,
+          disable: false
+        }]
+      });
+      (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, value);
+      (_this$props$onBlur = (_this$props3 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props3);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onDel", function (i) {
+      var _this$props$onChange3, _this$props4, _this$props$onBlur2, _this$props5;
+
+      var value = _toConsumableArray(_this.value);
+
+      value.splice(i, 1);
+      (_this$props$onChange3 = (_this$props4 = _this.props).onChange) === null || _this$props$onChange3 === void 0 ? void 0 : _this$props$onChange3.call(_this$props4, value.length === 1 && _this.isEmptyItem(value[0]) ? [] : value);
+      (_this$props$onBlur2 = (_this$props5 = _this.props).onBlur) === null || _this$props$onBlur2 === void 0 ? void 0 : _this$props$onBlur2.call(_this$props5);
+    });
+
+    return _this;
+  }
+
+  _createClass(ExpiryVegaAlphaByEdgeList, [{
+    key: "render",
+    value: function render() {
+      var _this$props$value,
+          _this$props$value2,
+          _this2 = this;
+
+      this.value = ((_this$props$value = this.props.value) === null || _this$props$value === void 0 ? void 0 : _this$props$value.filter(function (it) {
+        return !isExpired(it.expiry);
+      })) || [];
+      if (!this.value.length) this.value.push({
+        expiry: undefined,
+        vegaTarget: undefined,
+        vegaRules: [{
+          optionType: undefined,
+          deltaRange: {
+            min: undefined,
+            max: undefined
+          },
+          bidEdgeRange: {
+            min: undefined,
+            max: undefined
+          },
+          askEdgeRange: {
+            min: undefined,
+            max: undefined
+          },
+          allowTaker: false,
+          disable: false
+        }]
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: classNames('param-expiries-limit', {
+          readonly: this.props.readonly
+        }, this.props.className),
+        style: this.props.style
+      }, this.props.readonly ? ((_this$props$value2 = this.props.value) === null || _this$props$value2 === void 0 ? void 0 : _this$props$value2.length) ? this.value.filter(function (it) {
+        return it.expiry;
+      }).map(function (it, i) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+          key: i
+        }, it.expiry, /*#__PURE__*/React.createElement("span", null, "/"), !isNullLike(it.vegaTarget) ? it.vegaTarget : '-', /*#__PURE__*/React.createElement("span", null, "/"), it.vegaRules.map(function ($it, $i) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+            key: $i
+          }, !isNullLike($it.optionType) ? $it.optionType : '-', /*#__PURE__*/React.createElement("span", null, "/"), !isNullLike($it.deltaRange.min) && !isNullLike($it.deltaRange.max) ? "(".concat($it.deltaRange.min, ", ").concat($it.deltaRange.max, ")") : '-', /*#__PURE__*/React.createElement("span", null, "/"), !isNullLike($it.bidEdgeRange.min) && !isNullLike($it.bidEdgeRange.max) ? "(".concat(NumCvt.show($it.bidEdgeRange.min, true), "%, ").concat(NumCvt.show($it.bidEdgeRange.max, true), "%)") : '-', /*#__PURE__*/React.createElement("span", null, "/"), !isNullLike($it.askEdgeRange.min) && !isNullLike($it.askEdgeRange.max) ? "(".concat(NumCvt.show($it.askEdgeRange.min, true), "%, ").concat(NumCvt.show($it.askEdgeRange.max, true), "%)") : '-', /*#__PURE__*/React.createElement("span", null, "/"), typeof $it.allowTaker === 'boolean' ? $it.allowTaker.toString().toUpperCase() : '-', /*#__PURE__*/React.createElement("span", null, "/"), typeof $it.disable === 'boolean' ? $it.disable.toString().toUpperCase() : '-'), /*#__PURE__*/React.createElement("br", null));
+        })), /*#__PURE__*/React.createElement("br", null));
+      }) : '-' : /*#__PURE__*/React.createElement("div", {
+        className: "param-expiries-limit-inputs",
+        style: {
+          gridTemplateColumns: '110px 100px auto auto'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "param-number-range readonly"
+      }, "Expiry"), /*#__PURE__*/React.createElement("div", {
+        className: "param-number-range readonly"
+      }, "Vega Target"), /*#__PURE__*/React.createElement("div", {
+        className: "param-number-range readonly"
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "param-number-range readonly"
+      }), this.value.map(function (it, i) {
+        var _this2$props$value, _this2$props$value$i;
+
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: i
+        }, /*#__PURE__*/React.createElement(Expiries, {
+          style: {
+            width: 110,
+            minWidth: 0,
+            position: 'relative',
+            top: i > 0 ? -30 : 0
+          },
+          multiple: false,
+          options: _this2.props.options,
+          value: [it.expiry || ''],
+          onChange: function onChange(val) {
+            return _this2.onChange(i, val[0], 'expiry');
+          } // calcDisabled={(expiry) =>
+          //   this.value.some((item) => item !== it && item.expiry === expiry)
+          // }
+          ,
+          onBlur: _this2.props.onBlur
+        }), /*#__PURE__*/React.createElement(Num, {
+          value: (_this2$props$value = _this2.props.value) === null || _this2$props$value === void 0 ? void 0 : (_this2$props$value$i = _this2$props$value[i]) === null || _this2$props$value$i === void 0 ? void 0 : _this2$props$value$i.vegaTarget,
+          onChange: function onChange(val) {
+            return _this2.onChange(i, val, 'vegaTarget');
+          },
+          isPercentage: false,
+          readonly: _this2.props.readonly,
+          onBlur: _this2.props.onBlur,
+          style: {
+            height: 30,
+            position: 'relative',
+            top: i > 0 ? -30 : 0
+          }
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "param-expiries-limit-inputs",
+          style: {
+            position: 'relative',
+            top: -30,
+            width: 734,
+            gridTemplateColumns: 'auto auto auto auto auto auto'
+          }
+        }, it.vegaRules.map(function (rule, k) {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, i === 0 && k === 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+            className: "param-number-range readonly"
+          }, "Call/Put/Call"), /*#__PURE__*/React.createElement("div", {
+            className: "param-number-range readonly"
+          }, "Delta Range"), /*#__PURE__*/React.createElement("div", {
+            className: "param-number-range readonly"
+          }, "Bid Edge Range"), /*#__PURE__*/React.createElement("div", {
+            className: "param-number-range readonly"
+          }, "Ask Edge Range"), /*#__PURE__*/React.createElement("div", {
+            className: "param-number-range readonly"
+          }, "Allow Taker"), /*#__PURE__*/React.createElement("div", {
+            className: "param-number-range readonly"
+          }, "Disabled")) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(TextSelector, {
+            style: {
+              width: 88,
+              minWidth: 0,
+              padding: '0 10px',
+              height: 30
+            },
+            multiple: false,
+            value: [rule.optionType || ''],
+            onChange: function onChange(val) {
+              return _this2.onChange(i, val[0], 'vegaRules', k, 'optionType');
+            } // onBlur={this.props.onBlur}
+            ,
+            options: ['Both', 'Call', 'Put']
+          }), /*#__PURE__*/React.createElement(NumRange, {
+            value: {
+              min: rule.deltaRange.min,
+              max: rule.deltaRange.max
+            },
+            onChange: function onChange(val) {
+              return _this2.onChange(i, val, 'vegaRules', k, 'deltaRange');
+            },
+            onBlur: _this2.props.onBlur
+          }), /*#__PURE__*/React.createElement(NumRange, {
+            value: {
+              min: rule.bidEdgeRange.min,
+              max: rule.bidEdgeRange.max
+            },
+            onChange: function onChange(val) {
+              return _this2.onChange(i, val, 'vegaRules', k, 'bidEdgeRange');
+            },
+            isPercentage: true,
+            onBlur: _this2.props.onBlur
+          }), /*#__PURE__*/React.createElement(NumRange, {
+            value: {
+              min: rule.askEdgeRange.min,
+              max: rule.askEdgeRange.max
+            },
+            onChange: function onChange(val) {
+              return _this2.onChange(i, val, 'vegaRules', k, 'askEdgeRange');
+            },
+            isPercentage: true,
+            onBlur: _this2.props.onBlur
+          }), /*#__PURE__*/React.createElement("div", {
+            style: {
+              width: 74,
+              position: 'relative',
+              top: 4
+            }
+          }, /*#__PURE__*/React.createElement(Checkbox, {
+            checked: rule.allowTaker,
+            onChange: function onChange(e) {
+              return _this2.onChange(i, e.target.checked, 'vegaRules', k, 'allowTaker');
+            }
+          })), /*#__PURE__*/React.createElement("div", {
+            style: {
+              width: 74,
+              position: 'relative',
+              top: 4
+            }
+          }, /*#__PURE__*/React.createElement(Checkbox, {
+            checked: rule.disable,
+            onChange: function onChange(e) {
+              return _this2.onChange(i, e.target.checked, 'vegaRules', k, 'disable');
+            }
+          })));
+        })), /*#__PURE__*/React.createElement("div", {
+          className: "param-arr-ops"
+        }, /*#__PURE__*/React.createElement(PlusOutlined, {
+          className: "param-arr-ops-add",
+          onClick: _this2.onAdd.bind(null, i),
+          style: {
+            position: 'relative',
+            top: i > 0 ? -30 : 0
+          }
+        }), /*#__PURE__*/React.createElement(DeleteOutlined, {
+          className: "param-arr-ops-del",
+          onClick: _this2.onDel.bind(null, i),
+          style: {
+            position: 'relative',
+            top: i > 0 ? -30 : 0
+          }
+        })));
+      })));
+    }
+  }]);
+
+  return ExpiryVegaAlphaByEdgeList;
+}(PureComponent);
+
 var _ParamTypeConfig;
 
 function emptyErrText(index, key) {
@@ -2590,7 +2939,7 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
 
     for (var i = 0; i < $val.length; i++) {
       var val = $val[i];
-      var error = expiryValidator(val === null || val === void 0 ? void 0 : val.expiry);
+      var error = emptyValidator(val === null || val === void 0 ? void 0 : val.expiry);
       if (isEmpty(val.expiry) && isNullLike(val.value)) return '';
 
       if (error) {
@@ -2618,7 +2967,7 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
 
     for (var i = 0; i < $val.length; i++) {
       var val = $val[i];
-      var error = expiryValidator(val === null || val === void 0 ? void 0 : val.expiry);
+      var error = emptyValidator(val === null || val === void 0 ? void 0 : val.expiry);
 
       if (error) {
         // return { [i]: { expire: error } }
@@ -2817,6 +3166,73 @@ var ParamTypeConfig = (_ParamTypeConfig = {}, _defineProperty(_ParamTypeConfig,
     return '';
   },
   sort: 17
+}), _defineProperty(_ParamTypeConfig, ParamType.ExpiryVegaAlphaByEdgeList, {
+  name: 'ExpiryVegaAlphaByEdgeList',
+  key: 'ExpiryVegaAlphaByEdgeList',
+  Comp: ExpiryVegaAlphaByEdgeList,
+  validator: function validator($val) {
+    if (!($val === null || $val === void 0 ? void 0 : $val.length)) return '';
+    var expiries = [];
+
+    for (var i = 0; i < $val.length; i++) {
+      var val = $val[i];
+
+      if (isEmpty(val.expiry)) {
+        return emptyErrText(i, 'expiry');
+      }
+
+      if (isEmpty(val.vegaTarget)) {
+        return emptyErrText(i, 'vegaTarget');
+      }
+
+      var $$val = val.vegaRules || [];
+
+      for (var k = 0; k < $$val.length; k++) {
+        var vegaRule = $$val[k];
+
+        if (isEmpty(vegaRule.optionType)) {
+          return emptyErrText(i, 'optionType');
+        }
+
+        if (isEmpty(vegaRule.deltaRange.min)) {
+          return emptyErrText(i, "delta range's min");
+        }
+
+        if (isEmpty(vegaRule.deltaRange.max)) {
+          return emptyErrText(i, "delta range's max");
+        }
+
+        if (isEmpty(vegaRule.bidEdgeRange.min)) {
+          return emptyErrText(i, "bid edge range's min");
+        }
+
+        if (isEmpty(vegaRule.bidEdgeRange.max)) {
+          return emptyErrText(i, "bid edge range's max");
+        }
+
+        if (isEmpty(vegaRule.askEdgeRange.min)) {
+          return emptyErrText(i, "ask edge range's min");
+        }
+
+        if (isEmpty(vegaRule.askEdgeRange.max)) {
+          return emptyErrText(i, "ask edge range's max");
+        }
+      } // if (expiries.includes(val.expiry)) {
+      //   return `The ${i + 1} ${
+      //     i === 0 ? 'st' : i === 1 ? 'nd' : i === 2 ? 'rd' : 'th'
+      //   } expiry is same as the ${expiries.indexOf(val.expiry) + 1} ${
+      //     i === 0 ? 'st' : i === 1 ? 'nd' : i === 2 ? 'rd' : 'th'
+      //   }`;
+      // }
+
+
+      expiries.push(val.expiry);
+    }
+
+    return '';
+  },
+  sort: 18,
+  modalWidth: 1280
 }), _ParamTypeConfig);
 function paramValidator(val, values, enableEmpty) {
   var _config$validator;
@@ -2984,7 +3400,15 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
         return !!it.key;
       }) : data;
       (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, $data);
-      if ('valueType' in changed) _this.forceUpdate();
+
+      if ('valueType' in changed) {
+        var _this$ref$current$get, _this$ref$current, _this$props$initialVa;
+
+        var config = ParamTypeConfig[(_this$ref$current$get = (_this$ref$current = _this.ref.current) === null || _this$ref$current === void 0 ? void 0 : _this$ref$current.getFieldValue('valueType')) !== null && _this$ref$current$get !== void 0 ? _this$ref$current$get : (_this$props$initialVa = _this.props.initialValues) === null || _this$props$initialVa === void 0 ? void 0 : _this$props$initialVa.valueType];
+        localStorage.setItem('__editParamModalWidth', String(config.modalWidth) || '0');
+
+        _this.forceUpdate();
+      }
     });
 
     return _this;
@@ -2993,13 +3417,14 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
   _createClass(ParamForm, [{
     key: "formItems",
     get: function get() {
-      var _this$ref$current$get,
-          _this$ref$current,
-          _this$props$initialVa,
+      var _this$ref$current$get2,
+          _this$ref$current2,
+          _this$props$initialVa2,
           _this2 = this;
 
-      var valueType = (_this$ref$current$get = (_this$ref$current = this.ref.current) === null || _this$ref$current === void 0 ? void 0 : _this$ref$current.getFieldValue('valueType')) !== null && _this$ref$current$get !== void 0 ? _this$ref$current$get : (_this$props$initialVa = this.props.initialValues) === null || _this$props$initialVa === void 0 ? void 0 : _this$props$initialVa.valueType;
+      var valueType = (_this$ref$current$get2 = (_this$ref$current2 = this.ref.current) === null || _this$ref$current2 === void 0 ? void 0 : _this$ref$current2.getFieldValue('valueType')) !== null && _this$ref$current$get2 !== void 0 ? _this$ref$current$get2 : (_this$props$initialVa2 = this.props.initialValues) === null || _this$props$initialVa2 === void 0 ? void 0 : _this$props$initialVa2.valueType;
       var config = ParamTypeConfig[valueType];
+      localStorage.setItem('__editParamModalWidth', String(config.modalWidth) || '0');
       return [{
         label: '所属分组',
         name: 'parentId',
@@ -3110,7 +3535,7 @@ var ParamForm = /*#__PURE__*/function (_PureComponent) {
               return Promise.resolve();
             }
           }],
-          validateTrigger: it.name === 'defaultValue' && [4, 5, 6, 10, 11].includes((_this3$ref$current = _this3.ref.current) === null || _this3$ref$current === void 0 ? void 0 : _this3$ref$current.getFieldValue('valueType')) ? 'onSubmit' : 'onBlur'
+          validateTrigger: it.name === 'defaultValue' && [4, 5, 6, 10, 11, 18].includes((_this3$ref$current = _this3.ref.current) === null || _this3$ref$current === void 0 ? void 0 : _this3$ref$current.getFieldValue('valueType')) ? 'onSubmit' : 'onBlur'
         }, /*#__PURE__*/React.createElement(it.Comp, null));
       }), this.props.onSubmit && /*#__PURE__*/React.createElement(Button, {
         type: "primary",
@@ -3179,22 +3604,24 @@ var ParamFormModalEl = /*#__PURE__*/function (_PureComponent2) {
       });
     });
 
+    _defineProperty(_assertThisInitialized(_this4), "width", localStorage.getItem('__editParamModalWidth'));
+
     return _this4;
   }
 
   _createClass(ParamFormModalEl, [{
     key: "isEdit",
     get: function get() {
-      var _this$props$initialVa2;
+      var _this$props$initialVa3;
 
-      return Boolean((_this$props$initialVa2 = this.props.initialValues) === null || _this$props$initialVa2 === void 0 ? void 0 : _this$props$initialVa2.$paramId);
+      return Boolean((_this$props$initialVa3 = this.props.initialValues) === null || _this$props$initialVa3 === void 0 ? void 0 : _this$props$initialVa3.$paramId);
     }
   }, {
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(Modal, {
         key: String(this.state.visible),
-        width: 740,
+        width: Number(this.width) || 740,
         closable: false,
         title: !this.isEdit ? '新增参数' : '修改参数',
         visible: this.state.visible,

package/package.json

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