@leankylin-sheet/react 3.1.37 → 3.1.38

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.
package/dist/index.css CHANGED
@@ -2996,8 +2996,6 @@ label {
2996
2996
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
2997
2997
  transition: opacity 0.218s;
2998
2998
  background: #fff;
2999
- border: 1px solid #ccc;
3000
- border: 1px solid rgba(0, 0, 0, 0.2);
3001
2999
  cursor: default;
3002
3000
  font-size: 13px;
3003
3001
  margin: 0;
@@ -3009,20 +3007,25 @@ label {
3009
3007
  -webkit-user-select: none;
3010
3008
  -moz-user-select: none;
3011
3009
  user-select: none;
3010
+ border: none;
3011
+ border-radius: 8px;
3012
+ line-height: 22px;
3012
3013
  }
3013
3014
 
3014
3015
  .leankylin-context-menu input.luckysheet-mousedown-cancel {
3015
- width: 35px;
3016
+ width: 48px;
3016
3017
  text-align: center;
3017
3018
  margin-left: 5px;
3018
3019
  margin-right: 5px;
3020
+ border: 1px solid #ccc;
3021
+ height: 1.5em;
3022
+ border-radius: 4px;
3019
3023
  }
3020
3024
 
3021
3025
  .leankylin-context-menu-divider {
3022
- width: "100%";
3023
3026
  height: 1px;
3024
3027
  margin: 4px 0;
3025
- background-color: #e0e0e0;
3028
+ background-color: #f1f1f1;
3026
3029
  }
3027
3030
 
3028
3031
  .luckysheet-cols-menu .luckysheet-cols-menuitem {
@@ -3044,10 +3047,12 @@ label {
3044
3047
  /* 右击菜单项目 hover背景色 */
3045
3048
  .luckysheet-cols-menu .luckysheet-cols-menuitem:hover,
3046
3049
  .luckysheet-cols-menu .luckysheet-cols-menuitem-hover {
3047
- background: #EFEFEF;
3050
+ background: #efefef;
3048
3051
  }
3049
3052
 
3050
- .luckysheet-cols-menu .luckysheet-cols-menuitem .luckysheet-cols-menuitem-content {
3053
+ .luckysheet-cols-menu
3054
+ .luckysheet-cols-menuitem
3055
+ .luckysheet-cols-menuitem-content {
3051
3056
  position: relative;
3052
3057
  color: #333;
3053
3058
  cursor: pointer;
@@ -3064,7 +3069,9 @@ label {
3064
3069
  padding: 0px;
3065
3070
  }
3066
3071
 
3067
- .leankylin-filter-menu .luckysheet-cols-menuitem .luckysheet-cols-menuitem-content {
3072
+ .leankylin-filter-menu
3073
+ .luckysheet-cols-menuitem
3074
+ .luckysheet-cols-menuitem-content {
3068
3075
  padding: 7px 24px;
3069
3076
  }
3070
3077
 
@@ -3081,7 +3088,6 @@ label {
3081
3088
  text-decoration: underline;
3082
3089
  }
3083
3090
 
3084
-
3085
3091
  .luckysheet-filter-bycolor-submenu .button-basic,
3086
3092
  .leankylin-filter-menu .button-basic {
3087
3093
  display: flex;
@@ -3114,7 +3120,7 @@ label {
3114
3120
  .luckysheet-filter-bycolor-submenu .button-primary,
3115
3121
  .leankylin-filter-menu .button-primary {
3116
3122
  color: white;
3117
- background-color: #0188FB;
3123
+ background-color: #0188fb;
3118
3124
  }
3119
3125
 
3120
3126
  .luckysheet-filter-bycolor-submenu .button-primary:hover,
@@ -3160,7 +3166,7 @@ label {
3160
3166
  }
3161
3167
 
3162
3168
  .filtermenu-input-container input.luckysheet-mousedown-cancel {
3163
- border: 1px solid #A1A1A1;
3169
+ border: 1px solid #a1a1a1;
3164
3170
  }
3165
3171
 
3166
3172
  .filtermenu-input-container input.luckysheet-mousedown-cancel:focus {
@@ -3223,7 +3229,7 @@ label {
3223
3229
  font-size: 12px;
3224
3230
  padding: 5px 0;
3225
3231
  z-index: 1004;
3226
- border: 1px solid rgba(0, 0, 0, .2);
3232
+ border: 1px solid rgba(0, 0, 0, 0.2);
3227
3233
  background-color: #ffffff;
3228
3234
  }
3229
3235
 
@@ -3274,6 +3280,7 @@ label {
3274
3280
  top: 3px;
3275
3281
  right: -18px;
3276
3282
  }
3283
+
3277
3284
  .leankylin-sort-title {
3278
3285
  background-color: #fff;
3279
3286
  color: #000;
@@ -2996,8 +2996,6 @@ label {
2996
2996
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
2997
2997
  transition: opacity 0.218s;
2998
2998
  background: #fff;
2999
- border: 1px solid #ccc;
3000
- border: 1px solid rgba(0, 0, 0, 0.2);
3001
2999
  cursor: default;
3002
3000
  font-size: 13px;
3003
3001
  margin: 0;
@@ -3009,20 +3007,25 @@ label {
3009
3007
  -webkit-user-select: none;
3010
3008
  -moz-user-select: none;
3011
3009
  user-select: none;
3010
+ border: none;
3011
+ border-radius: 8px;
3012
+ line-height: 22px;
3012
3013
  }
3013
3014
 
3014
3015
  .leankylin-context-menu input.luckysheet-mousedown-cancel {
3015
- width: 35px;
3016
+ width: 48px;
3016
3017
  text-align: center;
3017
3018
  margin-left: 5px;
3018
3019
  margin-right: 5px;
3020
+ border: 1px solid #ccc;
3021
+ height: 1.5em;
3022
+ border-radius: 4px;
3019
3023
  }
3020
3024
 
3021
3025
  .leankylin-context-menu-divider {
3022
- width: "100%";
3023
3026
  height: 1px;
3024
3027
  margin: 4px 0;
3025
- background-color: #e0e0e0;
3028
+ background-color: #f1f1f1;
3026
3029
  }
3027
3030
 
3028
3031
  .luckysheet-cols-menu .luckysheet-cols-menuitem {
@@ -3044,10 +3047,12 @@ label {
3044
3047
  /* 右击菜单项目 hover背景色 */
3045
3048
  .luckysheet-cols-menu .luckysheet-cols-menuitem:hover,
3046
3049
  .luckysheet-cols-menu .luckysheet-cols-menuitem-hover {
3047
- background: #EFEFEF;
3050
+ background: #efefef;
3048
3051
  }
3049
3052
 
3050
- .luckysheet-cols-menu .luckysheet-cols-menuitem .luckysheet-cols-menuitem-content {
3053
+ .luckysheet-cols-menu
3054
+ .luckysheet-cols-menuitem
3055
+ .luckysheet-cols-menuitem-content {
3051
3056
  position: relative;
3052
3057
  color: #333;
3053
3058
  cursor: pointer;
@@ -3064,7 +3069,9 @@ label {
3064
3069
  padding: 0px;
3065
3070
  }
3066
3071
 
3067
- .leankylin-filter-menu .luckysheet-cols-menuitem .luckysheet-cols-menuitem-content {
3072
+ .leankylin-filter-menu
3073
+ .luckysheet-cols-menuitem
3074
+ .luckysheet-cols-menuitem-content {
3068
3075
  padding: 7px 24px;
3069
3076
  }
3070
3077
 
@@ -3081,7 +3088,6 @@ label {
3081
3088
  text-decoration: underline;
3082
3089
  }
3083
3090
 
3084
-
3085
3091
  .luckysheet-filter-bycolor-submenu .button-basic,
3086
3092
  .leankylin-filter-menu .button-basic {
3087
3093
  display: flex;
@@ -3114,7 +3120,7 @@ label {
3114
3120
  .luckysheet-filter-bycolor-submenu .button-primary,
3115
3121
  .leankylin-filter-menu .button-primary {
3116
3122
  color: white;
3117
- background-color: #0188FB;
3123
+ background-color: #0188fb;
3118
3124
  }
3119
3125
 
3120
3126
  .luckysheet-filter-bycolor-submenu .button-primary:hover,
@@ -3160,7 +3166,7 @@ label {
3160
3166
  }
3161
3167
 
3162
3168
  .filtermenu-input-container input.luckysheet-mousedown-cancel {
3163
- border: 1px solid #A1A1A1;
3169
+ border: 1px solid #a1a1a1;
3164
3170
  }
3165
3171
 
3166
3172
  .filtermenu-input-container input.luckysheet-mousedown-cancel:focus {
@@ -3223,7 +3229,7 @@ label {
3223
3229
  font-size: 12px;
3224
3230
  padding: 5px 0;
3225
3231
  z-index: 1004;
3226
- border: 1px solid rgba(0, 0, 0, .2);
3232
+ border: 1px solid rgba(0, 0, 0, 0.2);
3227
3233
  background-color: #ffffff;
3228
3234
  }
3229
3235
 
@@ -3274,6 +3280,7 @@ label {
3274
3280
  top: 3px;
3275
3281
  right: -18px;
3276
3282
  }
3283
+
3277
3284
  .leankylin-sort-title {
3278
3285
  background-color: #fff;
3279
3286
  color: #000;
package/dist/index.esm.js CHANGED
@@ -836,11 +836,12 @@ function usePrevious(value) {
836
836
  }
837
837
 
838
838
  var InputBox = function InputBox() {
839
- var _context$luckysheet_s, _context$rangeDialog;
839
+ var _context$luckysheet_s, _context$rangeDialog, _settings$renderEdito;
840
840
  var _useContext = useContext(WorkbookContext),
841
841
  context = _useContext.context,
842
842
  setContext = _useContext.setContext,
843
- refs = _useContext.refs;
843
+ refs = _useContext.refs,
844
+ settings = _useContext.settings;
844
845
  var inputRef = useRef(null);
845
846
  var lastKeyDownEventRef = useRef();
846
847
  var prevCellUpdate = usePrevious(context.luckysheetCellUpdate);
@@ -1009,7 +1010,7 @@ var InputBox = function InputBox() {
1009
1010
  onKeyDown: onKeyDown,
1010
1011
  onPaste: onPaste,
1011
1012
  allowEdit: edit ? !isHidenRC : edit
1012
- })), document.activeElement === inputRef.current && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormulaSearch, {
1013
+ })), document.activeElement === inputRef.current && ( /*#__PURE__*/React.createElement(React.Fragment, null, (_settings$renderEdito = settings.renderEditorSelector) === null || _settings$renderEdito === void 0 ? void 0 : _settings$renderEdito.call(settings, inputRef.current), /*#__PURE__*/React.createElement(FormulaSearch, {
1013
1014
  style: {
1014
1015
  top: ((firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0) + 4
1015
1016
  }
@@ -7567,7 +7568,7 @@ var ContextMenu = function ContextMenu() {
7567
7568
  onMouseDown: function onMouseDown(e) {
7568
7569
  return e.stopPropagation();
7569
7570
  },
7570
- type: "text",
7571
+ type: "number",
7571
7572
  className: "luckysheet-mousedown-cancel",
7572
7573
  placeholder: rightclick.number,
7573
7574
  defaultValue: "1"
@@ -7623,7 +7624,7 @@ var ContextMenu = function ContextMenu() {
7623
7624
  onMouseDown: function onMouseDown(e) {
7624
7625
  return e.stopPropagation();
7625
7626
  },
7626
- type: "text",
7627
+ type: "number",
7627
7628
  className: "luckysheet-mousedown-cancel",
7628
7629
  placeholder: rightclick.number,
7629
7630
  defaultValue: "1"
@@ -7827,10 +7828,7 @@ var ContextMenu = function ContextMenu() {
7827
7828
  max: 545,
7828
7829
  className: "luckysheet-mousedown-cancel",
7829
7830
  placeholder: rightclick.number,
7830
- defaultValue: shownRowHeight,
7831
- style: {
7832
- width: "40px"
7833
- }
7831
+ defaultValue: shownRowHeight
7834
7832
  }), "px")) : null;
7835
7833
  }
7836
7834
  if (name === "set-column-width") {
package/dist/index.js CHANGED
@@ -846,11 +846,12 @@ function usePrevious(value) {
846
846
  }
847
847
 
848
848
  var InputBox = function InputBox() {
849
- var _context$luckysheet_s, _context$rangeDialog;
849
+ var _context$luckysheet_s, _context$rangeDialog, _settings$renderEdito;
850
850
  var _useContext = React.useContext(WorkbookContext),
851
851
  context = _useContext.context,
852
852
  setContext = _useContext.setContext,
853
- refs = _useContext.refs;
853
+ refs = _useContext.refs,
854
+ settings = _useContext.settings;
854
855
  var inputRef = React.useRef(null);
855
856
  var lastKeyDownEventRef = React.useRef();
856
857
  var prevCellUpdate = usePrevious(context.luckysheetCellUpdate);
@@ -1019,7 +1020,7 @@ var InputBox = function InputBox() {
1019
1020
  onKeyDown: onKeyDown,
1020
1021
  onPaste: onPaste,
1021
1022
  allowEdit: edit ? !isHidenRC : edit
1022
- })), document.activeElement === inputRef.current && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
1023
+ })), document.activeElement === inputRef.current && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, (_settings$renderEdito = settings.renderEditorSelector) === null || _settings$renderEdito === void 0 ? void 0 : _settings$renderEdito.call(settings, inputRef.current), /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
1023
1024
  style: {
1024
1025
  top: ((firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0) + 4
1025
1026
  }
@@ -7577,7 +7578,7 @@ var ContextMenu = function ContextMenu() {
7577
7578
  onMouseDown: function onMouseDown(e) {
7578
7579
  return e.stopPropagation();
7579
7580
  },
7580
- type: "text",
7581
+ type: "number",
7581
7582
  className: "luckysheet-mousedown-cancel",
7582
7583
  placeholder: rightclick.number,
7583
7584
  defaultValue: "1"
@@ -7633,7 +7634,7 @@ var ContextMenu = function ContextMenu() {
7633
7634
  onMouseDown: function onMouseDown(e) {
7634
7635
  return e.stopPropagation();
7635
7636
  },
7636
- type: "text",
7637
+ type: "number",
7637
7638
  className: "luckysheet-mousedown-cancel",
7638
7639
  placeholder: rightclick.number,
7639
7640
  defaultValue: "1"
@@ -7837,10 +7838,7 @@ var ContextMenu = function ContextMenu() {
7837
7838
  max: 545,
7838
7839
  className: "luckysheet-mousedown-cancel",
7839
7840
  placeholder: rightclick.number,
7840
- defaultValue: shownRowHeight,
7841
- style: {
7842
- width: "40px"
7843
- }
7841
+ defaultValue: shownRowHeight
7844
7842
  }), "px")) : null;
7845
7843
  }
7846
7844
  if (name === "set-column-width") {
@@ -2996,8 +2996,6 @@ label {
2996
2996
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
2997
2997
  transition: opacity 0.218s;
2998
2998
  background: #fff;
2999
- border: 1px solid #ccc;
3000
- border: 1px solid rgba(0, 0, 0, 0.2);
3001
2999
  cursor: default;
3002
3000
  font-size: 13px;
3003
3001
  margin: 0;
@@ -3009,20 +3007,25 @@ label {
3009
3007
  -webkit-user-select: none;
3010
3008
  -moz-user-select: none;
3011
3009
  user-select: none;
3010
+ border: none;
3011
+ border-radius: 8px;
3012
+ line-height: 22px;
3012
3013
  }
3013
3014
 
3014
3015
  .leankylin-context-menu input.luckysheet-mousedown-cancel {
3015
- width: 35px;
3016
+ width: 48px;
3016
3017
  text-align: center;
3017
3018
  margin-left: 5px;
3018
3019
  margin-right: 5px;
3020
+ border: 1px solid #ccc;
3021
+ height: 1.5em;
3022
+ border-radius: 4px;
3019
3023
  }
3020
3024
 
3021
3025
  .leankylin-context-menu-divider {
3022
- width: "100%";
3023
3026
  height: 1px;
3024
3027
  margin: 4px 0;
3025
- background-color: #e0e0e0;
3028
+ background-color: #f1f1f1;
3026
3029
  }
3027
3030
 
3028
3031
  .luckysheet-cols-menu .luckysheet-cols-menuitem {
@@ -3044,10 +3047,12 @@ label {
3044
3047
  /* 右击菜单项目 hover背景色 */
3045
3048
  .luckysheet-cols-menu .luckysheet-cols-menuitem:hover,
3046
3049
  .luckysheet-cols-menu .luckysheet-cols-menuitem-hover {
3047
- background: #EFEFEF;
3050
+ background: #efefef;
3048
3051
  }
3049
3052
 
3050
- .luckysheet-cols-menu .luckysheet-cols-menuitem .luckysheet-cols-menuitem-content {
3053
+ .luckysheet-cols-menu
3054
+ .luckysheet-cols-menuitem
3055
+ .luckysheet-cols-menuitem-content {
3051
3056
  position: relative;
3052
3057
  color: #333;
3053
3058
  cursor: pointer;
@@ -3064,7 +3069,9 @@ label {
3064
3069
  padding: 0px;
3065
3070
  }
3066
3071
 
3067
- .leankylin-filter-menu .luckysheet-cols-menuitem .luckysheet-cols-menuitem-content {
3072
+ .leankylin-filter-menu
3073
+ .luckysheet-cols-menuitem
3074
+ .luckysheet-cols-menuitem-content {
3068
3075
  padding: 7px 24px;
3069
3076
  }
3070
3077
 
@@ -3081,7 +3088,6 @@ label {
3081
3088
  text-decoration: underline;
3082
3089
  }
3083
3090
 
3084
-
3085
3091
  .luckysheet-filter-bycolor-submenu .button-basic,
3086
3092
  .leankylin-filter-menu .button-basic {
3087
3093
  display: flex;
@@ -3114,7 +3120,7 @@ label {
3114
3120
  .luckysheet-filter-bycolor-submenu .button-primary,
3115
3121
  .leankylin-filter-menu .button-primary {
3116
3122
  color: white;
3117
- background-color: #0188FB;
3123
+ background-color: #0188fb;
3118
3124
  }
3119
3125
 
3120
3126
  .luckysheet-filter-bycolor-submenu .button-primary:hover,
@@ -3160,7 +3166,7 @@ label {
3160
3166
  }
3161
3167
 
3162
3168
  .filtermenu-input-container input.luckysheet-mousedown-cancel {
3163
- border: 1px solid #A1A1A1;
3169
+ border: 1px solid #a1a1a1;
3164
3170
  }
3165
3171
 
3166
3172
  .filtermenu-input-container input.luckysheet-mousedown-cancel:focus {
@@ -3223,7 +3229,7 @@ label {
3223
3229
  font-size: 12px;
3224
3230
  padding: 5px 0;
3225
3231
  z-index: 1004;
3226
- border: 1px solid rgba(0, 0, 0, .2);
3232
+ border: 1px solid rgba(0, 0, 0, 0.2);
3227
3233
  background-color: #ffffff;
3228
3234
  }
3229
3235
 
@@ -3274,6 +3280,7 @@ label {
3274
3280
  top: 3px;
3275
3281
  right: -18px;
3276
3282
  }
3283
+
3277
3284
  .leankylin-sort-title {
3278
3285
  background-color: #fff;
3279
3286
  color: #000;
package/dist/index.umd.js CHANGED
@@ -94158,11 +94158,12 @@
94158
94158
  }
94159
94159
 
94160
94160
  var InputBox = function InputBox() {
94161
- var _context$luckysheet_s, _context$rangeDialog;
94161
+ var _context$luckysheet_s, _context$rangeDialog, _settings$renderEdito;
94162
94162
  var _useContext = React.useContext(WorkbookContext),
94163
94163
  context = _useContext.context,
94164
94164
  setContext = _useContext.setContext,
94165
- refs = _useContext.refs;
94165
+ refs = _useContext.refs,
94166
+ settings = _useContext.settings;
94166
94167
  var inputRef = React.useRef(null);
94167
94168
  var lastKeyDownEventRef = React.useRef();
94168
94169
  var prevCellUpdate = usePrevious(context.luckysheetCellUpdate);
@@ -94331,7 +94332,7 @@
94331
94332
  onKeyDown: onKeyDown,
94332
94333
  onPaste: onPaste,
94333
94334
  allowEdit: edit ? !isHidenRC : edit
94334
- })), document.activeElement === inputRef.current && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
94335
+ })), document.activeElement === inputRef.current && ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, (_settings$renderEdito = settings.renderEditorSelector) === null || _settings$renderEdito === void 0 ? void 0 : _settings$renderEdito.call(settings, inputRef.current), /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
94335
94336
  style: {
94336
94337
  top: ((firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0) + 4
94337
94338
  }
@@ -100889,7 +100890,7 @@
100889
100890
  onMouseDown: function onMouseDown(e) {
100890
100891
  return e.stopPropagation();
100891
100892
  },
100892
- type: "text",
100893
+ type: "number",
100893
100894
  className: "luckysheet-mousedown-cancel",
100894
100895
  placeholder: rightclick.number,
100895
100896
  defaultValue: "1"
@@ -100945,7 +100946,7 @@
100945
100946
  onMouseDown: function onMouseDown(e) {
100946
100947
  return e.stopPropagation();
100947
100948
  },
100948
- type: "text",
100949
+ type: "number",
100949
100950
  className: "luckysheet-mousedown-cancel",
100950
100951
  placeholder: rightclick.number,
100951
100952
  defaultValue: "1"
@@ -101149,10 +101150,7 @@
101149
101150
  max: 545,
101150
101151
  className: "luckysheet-mousedown-cancel",
101151
101152
  placeholder: rightclick.number,
101152
- defaultValue: shownRowHeight,
101153
- style: {
101154
- width: "40px"
101155
- }
101153
+ defaultValue: shownRowHeight
101156
101154
  }), "px")) : null;
101157
101155
  }
101158
101156
  if (name === "set-column-width") {