@signalplus/params-about 1.0.25-alpha → 1.0.26-alpha2

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;

package/lib/es/index.js

@@ -1,7 +1,7 @@
 /**
  * Bundle of @signalplus/params-about
- * Generated: 2025-05-07
- * Version: 1.0.25-alpha
+ * Generated: 2025-10-15
+ * Version: 1.0.26-alpha2
  * 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 { Select, Popover, Cascader, Input, 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) {
@@ -801,8 +802,11 @@ var Expiries = /*#__PURE__*/function (_PureComponent) {
         return (_this$props$options = _this.props.options) === null || _this$props$options === void 0 ? void 0 : _this$props$options.includes(item);
       })) || []);
 
-      if (_this.props.multiple !== false || Array.isArray(val)) {
-        value = val;
+      if (_this.props.multiple !== false) {
+        var index = value.findIndex(function (it) {
+          return it === val;
+        });
+        if (index > -1) value.splice(index, 1);else value.push(val);
       } else {
         value = [val];
       }
@@ -861,94 +865,37 @@ var Expiries = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this,
-          _this$props$options2;
+      var _this$props$options2,
+          _this3 = this;
 
-      for (var i = 0; i < 100000; i++) {
-        "".concat(i.toString(36)).concat(i);
-      }
+      return /*#__PURE__*/React.createElement(Popover, {
+        overlayClassName: "param-expiries-popover",
+        trigger: 'click',
+        placement: 'bottomLeft',
+        visible: !this.props.readonly && this.state.visible,
+        onVisibleChange: this.handleVisibleChange,
+        content: (_this$props$options2 = this.props.options) === null || _this$props$options2 === void 0 ? void 0 : _this$props$options2.map(function (it) {
+          var _this3$props$value, _this3$props$calcDisa, _this3$props, _this3$onChange;
 
-      return this.props.readonly ? /*#__PURE__*/React.createElement("div", {
+          var checked = (_this3$props$value = _this3.props.value) === null || _this3$props$value === void 0 ? void 0 : _this3$props$value.includes(it);
+          var disabled = (_this3$props$calcDisa = (_this3$props = _this3.props).calcDisabled) === null || _this3$props$calcDisa === void 0 ? void 0 : _this3$props$calcDisa.call(_this3$props, it);
+          return /*#__PURE__*/React.createElement("div", {
+            className: classNames('param-expiries-option', {
+              'param-expiries-option-checked': checked,
+              'param-expiries-option-disabled': disabled
+            }),
+            key: it,
+            onClick: disabled ? undefined : (_this3$onChange = _this3.onChange) === null || _this3$onChange === void 0 ? void 0 : _this3$onChange.bind(null, it)
+          }, it, checked && /*#__PURE__*/React.createElement(CheckOutlined, null));
+        })
+      }, /*#__PURE__*/React.createElement("div", {
         className: classNames('param-expiries', {
           readonly: this.props.readonly,
           multiple: this.props.multiple !== false
-        }, this.props.className)
-      }, this.renderValue()) :
-      /*#__PURE__*/
-      // <Popover
-      //   overlayClassName="param-expiries-popover"
-      //   trigger={'click'}
-      //   placement={'bottomLeft'}
-      //   visible={!this.props.readonly && this.state.visible}
-      //   onVisibleChange={this.handleVisibleChange}
-      //   content={this.props.options?.map((it) => {
-      //     const checked = this.props.value?.includes(it);
-      //     const disabled = this.props.calcDisabled?.(it);
-      //     return (
-      //       <div
-      //         className={classNames('param-expiries-option', {
-      //           'param-expiries-option-checked': checked,
-      //           'param-expiries-option-disabled': disabled,
-      //         })}
-      //         key={it}
-      //         onClick={disabled ? undefined : this.onChange?.bind(null, it)}
-      //       >
-      //         {it}
-      //         {checked && <CheckOutlined />}
-      //       </div>
-      //     );
-      //   })}
-      // >
-      //   <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 && (
-      //       <DownOutlined className="param-expiries-arrow" />
-      //     )}
-      //   </div>
-      // </Popover>
-      // <Select
-      //   mode={this.props.multiple ? 'multiple' : undefined}
-      //   style={{ width: '100%' }}
-      //   placeholder="Choose"
-      //   onSelect={(v: string) => this.onChange?.bind(null, v)}
-      //   value={this.props.value}
-      //   options={
-      //     this.props.options?.map((expiry) => ({
-      //       value: expiry,
-      //       label: expiry,
-      //       disabled: this.props.calcDisabled?.(expiry),
-      //     })) || []
-      //   }
-      // />
-      React.createElement("div", {
-        className: "param-expiries-select"
-      }, /*#__PURE__*/React.createElement(Select, {
-        mode: this.props.multiple === false ? undefined : 'multiple',
-        style: {
-          width: '100%'
-        },
-        placeholder: "Choose",
-        value: this.props.value,
-        onChange: function onChange(values) {
-          var _this3$onChange;
-
-          return (_this3$onChange = _this3.onChange) === null || _this3$onChange === void 0 ? void 0 : _this3$onChange.call(_this3, values);
-        }
-      }, (_this$props$options2 = this.props.options) === null || _this$props$options2 === void 0 ? void 0 : _this$props$options2.map(function (option) {
-        var _this3$props$calcDisa, _this3$props;
-
-        return /*#__PURE__*/React.createElement(Select.Option, {
-          key: option,
-          value: option,
-          disabled: (_this3$props$calcDisa = (_this3$props = _this3.props).calcDisabled) === null || _this3$props$calcDisa === void 0 ? void 0 : _this3$props$calcDisa.call(_this3$props, option)
-        }, option);
+        }, this.props.className),
+        style: this.props.style
+      }, this.renderValue(), !this.props.readonly && this.props.options && /*#__PURE__*/React.createElement(DownOutlined, {
+        className: "param-expiries-arrow"
       })));
     }
   }]);
@@ -2557,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) {
@@ -2873,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;
@@ -3040,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;
@@ -3049,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',
@@ -3166,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",
@@ -3235,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.25-alpha",
+  "version": "1.0.26-alpha2",
   "description": "A description for the module",
   "main": "./lib/umd/index.js",
   "module": "./lib/es/index.js",
@@ -48,7 +48,7 @@
     "@types/react": "^16.8.23",
     "@types/react-dom": "^16.8.5",
     "ahooks": "^3.3.0",
-    "antd": "^5.24.9",
+    "antd": "^4.19.5",
     "babel-plugin-istanbul": "^5.1.4",
     "babel-preset-react-app": "^9.0.0",
     "big.js": "^6.1.1",