@signalplus/params-about 1.0.26-alpha14 → 1.0.26-alpha16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/lib/es/index.js +125 -75
  2. package/package.json +1 -1
package/lib/es/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Bundle of @signalplus/params-about
3
- * Generated: 2025-11-06
4
- * Version: 1.0.26-alpha14
3
+ * Generated: 2025-11-07
4
+ * Version: 1.0.26-alpha16
5
5
  * License: MIT
6
6
  * Author: 2631541504@qq.com
7
7
  */
@@ -561,7 +561,7 @@ var Num = /*#__PURE__*/function (_PureComponent) {
561
561
  className: "param-number-val"
562
562
  }, this.state.tempValue || 'N/A') : /*#__PURE__*/React.createElement("input", {
563
563
  style: {
564
- width: this.props.isPercentage ? 50 : 90
564
+ width: this.props.singleWidth || this.props.isPercentage ? 50 : 90
565
565
  },
566
566
  className: "param-number-val",
567
567
  type: "text",
@@ -634,7 +634,8 @@ var NumRange = /*#__PURE__*/function (_PureComponent) {
634
634
  onChange: this.onChange.bind(null, 'min'),
635
635
  isPercentage: this.props.isPercentage,
636
636
  readonly: this.props.readonly,
637
- onBlur: this.props.onBlur
637
+ onBlur: this.props.onBlur,
638
+ singleWidth: this.props.singleWidth
638
639
  }), /*#__PURE__*/React.createElement("span", {
639
640
  className: "param-number-range-sep",
640
641
  style: this.props.readonly ? {
@@ -647,7 +648,8 @@ var NumRange = /*#__PURE__*/function (_PureComponent) {
647
648
  onChange: this.onChange.bind(null, 'max'),
648
649
  isPercentage: this.props.isPercentage,
649
650
  readonly: this.props.readonly,
650
- onBlur: this.props.onBlur
651
+ onBlur: this.props.onBlur,
652
+ singleWidth: this.props.singleWidth
651
653
  }), this.props.readonly ? ')' : '');
652
654
  }
653
655
  }]);
@@ -2842,40 +2844,88 @@ var ExpiryVegaAlphaByEdgeList = /*#__PURE__*/function (_PureComponent) {
2842
2844
  }) : '-' : /*#__PURE__*/React.createElement("div", {
2843
2845
  className: "param-expiries-limit-inputs",
2844
2846
  style: {
2845
- gridTemplateColumns: '110px 100px auto auto',
2847
+ display: 'flex',
2848
+ flexDirection: 'column',
2846
2849
  width: 1150
2847
2850
  }
2848
2851
  }, /*#__PURE__*/React.createElement("div", {
2849
- className: "param-number-range readonly"
2852
+ style: {
2853
+ display: 'flex',
2854
+ width: '100%',
2855
+ gap: 8
2856
+ }
2857
+ }, /*#__PURE__*/React.createElement("div", {
2858
+ style: {
2859
+ width: 100
2860
+ }
2850
2861
  }, "Expiry"), /*#__PURE__*/React.createElement("div", {
2851
- className: "param-number-range readonly"
2862
+ style: {
2863
+ width: 80
2864
+ }
2852
2865
  }, "Vega Target"), /*#__PURE__*/React.createElement("div", {
2853
- className: "param-number-range readonly"
2854
- }), /*#__PURE__*/React.createElement("div", {
2855
- className: "param-number-range readonly"
2856
- }), this.value.map(function (it, i) {
2866
+ style: {
2867
+ width: 120,
2868
+ paddingLeft: 18
2869
+ }
2870
+ }, "Both/Call/Put"), /*#__PURE__*/React.createElement("div", {
2871
+ style: {
2872
+ width: 160
2873
+ }
2874
+ }, "Delta Range"), /*#__PURE__*/React.createElement("div", {
2875
+ style: {
2876
+ width: 210
2877
+ }
2878
+ }, "Bid Edge Range"), /*#__PURE__*/React.createElement("div", {
2879
+ style: {
2880
+ width: 210
2881
+ }
2882
+ }, "Ask Edge Range"), /*#__PURE__*/React.createElement("div", {
2883
+ style: {
2884
+ width: 74
2885
+ }
2886
+ }, "Allow Taker"), /*#__PURE__*/React.createElement("div", {
2887
+ style: {
2888
+ width: 60
2889
+ }
2890
+ }, "Disabled")), this.value.map(function (it, i) {
2857
2891
  var _this2$props$value, _this2$props$value$i;
2858
2892
 
2859
- return /*#__PURE__*/React.createElement(React.Fragment, {
2860
- key: i
2893
+ return /*#__PURE__*/React.createElement("div", {
2894
+ key: i,
2895
+ style: {
2896
+ display: 'flex',
2897
+ flexDirection: 'column',
2898
+ width: '100%'
2899
+ }
2900
+ }, /*#__PURE__*/React.createElement("div", {
2901
+ style: {
2902
+ display: 'flex',
2903
+ width: '100%',
2904
+ alignItems: 'flex-start',
2905
+ gap: 8
2906
+ }
2907
+ }, /*#__PURE__*/React.createElement("div", {
2908
+ style: {
2909
+ width: 100,
2910
+ marginRight: 0
2911
+ }
2861
2912
  }, /*#__PURE__*/React.createElement(Expiries, {
2862
2913
  style: {
2863
- width: 110,
2864
- minWidth: 0,
2865
- position: 'relative',
2866
- top: i > 0 ? -30 : 0
2914
+ width: 100,
2915
+ minWidth: 0
2867
2916
  },
2868
2917
  multiple: false,
2869
2918
  options: _this2.props.options,
2870
2919
  value: [it.expiry || ''],
2871
2920
  onChange: function onChange(val) {
2872
2921
  return _this2.onChange(i, val[0], 'expiry');
2873
- } // calcDisabled={(expiry) =>
2874
- // this.value.some((item) => item !== it && item.expiry === expiry)
2875
- // }
2876
- ,
2922
+ },
2877
2923
  onBlur: _this2.props.onBlur
2878
- }), /*#__PURE__*/React.createElement(Num, {
2924
+ })), /*#__PURE__*/React.createElement("div", {
2925
+ style: {
2926
+ width: 80
2927
+ }
2928
+ }, /*#__PURE__*/React.createElement(Num, {
2879
2929
  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,
2880
2930
  onChange: function onChange(val) {
2881
2931
  return _this2.onChange(i, val, 'vegaTarget');
@@ -2884,40 +2934,37 @@ var ExpiryVegaAlphaByEdgeList = /*#__PURE__*/function (_PureComponent) {
2884
2934
  readonly: _this2.props.readonly,
2885
2935
  onBlur: _this2.props.onBlur,
2886
2936
  style: {
2887
- height: 30,
2888
- position: 'relative',
2889
- top: i > 0 ? -30 : 0
2937
+ height: 30
2938
+ },
2939
+ singleWidth: 50
2940
+ })), /*#__PURE__*/React.createElement("div", {
2941
+ style: {
2942
+ flex: 1,
2943
+ minWidth: 734
2890
2944
  }
2891
- }), /*#__PURE__*/React.createElement("div", {
2892
- className: "param-expiries-limit-inputs",
2945
+ }, /*#__PURE__*/React.createElement("div", {
2893
2946
  style: {
2894
- position: 'relative',
2895
- top: -30,
2896
- width: 734,
2897
- gridTemplateColumns: 'auto auto auto auto auto auto'
2947
+ display: 'flex',
2948
+ flexDirection: 'column',
2949
+ gap: 8
2898
2950
  }
2899
2951
  }, it.vegaRules.map(function (rule, k) {
2900
2952
  var _it$vegaRules;
2901
2953
 
2902
- return /*#__PURE__*/React.createElement(React.Fragment, null, i === 0 && k === 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
2903
- className: "param-number-range readonly",
2954
+ return /*#__PURE__*/React.createElement("div", {
2955
+ key: k,
2904
2956
  style: {
2905
- paddingLeft: 36
2957
+ display: 'flex',
2958
+ width: '100%',
2959
+ alignItems: 'center',
2960
+ gap: 8
2906
2961
  }
2907
- }, "Both/Call/Put"), /*#__PURE__*/React.createElement("div", {
2908
- className: "param-number-range readonly"
2909
- }, "Delta Range"), /*#__PURE__*/React.createElement("div", {
2910
- className: "param-number-range readonly"
2911
- }, "Bid Edge Range"), /*#__PURE__*/React.createElement("div", {
2912
- className: "param-number-range readonly"
2913
- }, "Ask Edge Range"), /*#__PURE__*/React.createElement("div", {
2914
- className: "param-number-range readonly"
2915
- }, "Allow Taker"), /*#__PURE__*/React.createElement("div", {
2916
- className: "param-number-range readonly"
2917
- }, "Disabled")) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement("div", {
2962
+ }, /*#__PURE__*/React.createElement("div", {
2918
2963
  style: {
2919
2964
  display: 'flex',
2920
- width: 116
2965
+ width: 120,
2966
+ height: 30,
2967
+ alignItems: 'center'
2921
2968
  }
2922
2969
  }, /*#__PURE__*/React.createElement("div", {
2923
2970
  className: "param-arr-ops",
@@ -2933,18 +2980,20 @@ var ExpiryVegaAlphaByEdgeList = /*#__PURE__*/function (_PureComponent) {
2933
2980
  })), /*#__PURE__*/React.createElement(TextSelector, {
2934
2981
  style: {
2935
2982
  width: 88,
2936
- minWidth: 0,
2937
2983
  padding: '0 10px',
2938
- height: 30
2984
+ height: '30px !important'
2939
2985
  },
2940
2986
  multiple: false,
2941
2987
  value: [rule.optionType || ''],
2942
2988
  onChange: function onChange(val) {
2943
2989
  return _this2.onChange(i, val[0], 'vegaRules', k, 'optionType');
2944
- } // onBlur={this.props.onBlur}
2945
- ,
2990
+ },
2946
2991
  options: ['Both', 'Call', 'Put']
2947
- })), /*#__PURE__*/React.createElement(NumRange, {
2992
+ })), /*#__PURE__*/React.createElement("div", {
2993
+ style: {
2994
+ width: 160
2995
+ }
2996
+ }, /*#__PURE__*/React.createElement(NumRange, {
2948
2997
  value: {
2949
2998
  min: rule.deltaRange.min,
2950
2999
  max: rule.deltaRange.max
@@ -2952,8 +3001,13 @@ var ExpiryVegaAlphaByEdgeList = /*#__PURE__*/function (_PureComponent) {
2952
3001
  onChange: function onChange(val) {
2953
3002
  return _this2.onChange(i, val, 'vegaRules', k, 'deltaRange');
2954
3003
  },
2955
- onBlur: _this2.props.onBlur
2956
- }), /*#__PURE__*/React.createElement(NumRangeFromTo, {
3004
+ onBlur: _this2.props.onBlur,
3005
+ singleWidth: 50
3006
+ })), /*#__PURE__*/React.createElement("div", {
3007
+ style: {
3008
+ width: 210
3009
+ }
3010
+ }, /*#__PURE__*/React.createElement(NumRangeFromTo, {
2957
3011
  value: {
2958
3012
  from: rule.bidEdgeSpan.from,
2959
3013
  to: rule.bidEdgeSpan.to
@@ -2963,7 +3017,11 @@ var ExpiryVegaAlphaByEdgeList = /*#__PURE__*/function (_PureComponent) {
2963
3017
  },
2964
3018
  isPercentage: true,
2965
3019
  onBlur: _this2.props.onBlur
2966
- }), /*#__PURE__*/React.createElement(NumRangeFromTo, {
3020
+ })), /*#__PURE__*/React.createElement("div", {
3021
+ style: {
3022
+ width: 210
3023
+ }
3024
+ }, /*#__PURE__*/React.createElement(NumRangeFromTo, {
2967
3025
  value: {
2968
3026
  from: rule.askEdgeSpan.from,
2969
3027
  to: rule.askEdgeSpan.to
@@ -2973,11 +3031,9 @@ var ExpiryVegaAlphaByEdgeList = /*#__PURE__*/function (_PureComponent) {
2973
3031
  },
2974
3032
  isPercentage: true,
2975
3033
  onBlur: _this2.props.onBlur
2976
- }), /*#__PURE__*/React.createElement("div", {
3034
+ })), /*#__PURE__*/React.createElement("div", {
2977
3035
  style: {
2978
- width: 74,
2979
- position: 'relative',
2980
- top: 4
3036
+ width: 74
2981
3037
  }
2982
3038
  }, /*#__PURE__*/React.createElement(Checkbox, {
2983
3039
  checked: rule.allowTaker,
@@ -2986,9 +3042,8 @@ var ExpiryVegaAlphaByEdgeList = /*#__PURE__*/function (_PureComponent) {
2986
3042
  }
2987
3043
  })), /*#__PURE__*/React.createElement("div", {
2988
3044
  style: {
2989
- width: 74,
2990
3045
  position: 'relative',
2991
- top: 4
3046
+ width: 60
2992
3047
  }
2993
3048
  }, /*#__PURE__*/React.createElement(Checkbox, {
2994
3049
  checked: rule.disable,
@@ -2999,31 +3054,26 @@ var ExpiryVegaAlphaByEdgeList = /*#__PURE__*/function (_PureComponent) {
2999
3054
  className: "param-arr-ops",
3000
3055
  style: {
3001
3056
  position: 'absolute',
3057
+ right: -80,
3002
3058
  top: -4,
3003
- right: -30,
3004
3059
  visibility: k === 0 ? 'hidden' : 'visible'
3005
3060
  }
3006
3061
  }, /*#__PURE__*/React.createElement(DeleteOutlined, {
3007
3062
  className: "param-arr-ops-del",
3008
3063
  onClick: _this2.onDelRule.bind(null, i, k)
3009
3064
  }))));
3010
- })), /*#__PURE__*/React.createElement("div", {
3011
- className: "param-arr-ops"
3012
- }, /*#__PURE__*/React.createElement(PlusOutlined, {
3013
- className: "param-arr-ops-add",
3014
- onClick: _this2.onAdd.bind(null, i),
3065
+ }))), /*#__PURE__*/React.createElement("div", {
3066
+ className: "param-arr-ops",
3015
3067
  style: {
3016
- position: 'relative',
3017
- top: i > 0 ? -30 : 0
3068
+ width: 60
3018
3069
  }
3070
+ }, /*#__PURE__*/React.createElement(PlusOutlined, {
3071
+ className: "param-arr-ops-add",
3072
+ onClick: _this2.onAdd.bind(null, i)
3019
3073
  }), /*#__PURE__*/React.createElement(DeleteOutlined, {
3020
3074
  className: "param-arr-ops-del",
3021
- onClick: _this2.onDel.bind(null, i),
3022
- style: {
3023
- position: 'relative',
3024
- top: i > 0 ? -30 : 0
3025
- }
3026
- })));
3075
+ onClick: _this2.onDel.bind(null, i)
3076
+ }))));
3027
3077
  })));
3028
3078
  }
3029
3079
  }]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signalplus/params-about",
3
- "version": "1.0.26-alpha14",
3
+ "version": "1.0.26-alpha16",
4
4
  "description": "A description for the module",
5
5
  "main": "./lib/umd/index.js",
6
6
  "module": "./lib/es/index.js",