@leankylin-sheet/react 3.1.37 → 3.1.39

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
  }
@@ -1729,6 +1730,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1729
1730
  };
1730
1731
 
1731
1732
  var FilterOptions = function FilterOptions(_ref) {
1733
+ var _refs$globalCache$fre, _refs$globalCache$fre2;
1732
1734
  var getContainer = _ref.getContainer;
1733
1735
  var _useContext = useContext(WorkbookContext),
1734
1736
  context = _useContext.context,
@@ -1784,11 +1786,21 @@ var FilterOptions = function FilterOptions(_ref) {
1784
1786
  frozenColumns = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range = frozen.range) === null || _frozen$range === void 0 ? void 0 : _frozen$range.column_focus) || -1;
1785
1787
  frozenRows = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range2 = frozen.range) === null || _frozen$range2 === void 0 ? void 0 : _frozen$range2.row_focus) || -1;
1786
1788
  }
1787
- return filterOptions == null ? ( /*#__PURE__*/React.createElement("div", null)) : ( /*#__PURE__*/React.createElement(React.Fragment, null, filterOptions.items.map(function (v, i) {
1788
- var _refs$globalCache$fre, _refs$globalCache$fre2;
1789
+ return filterOptions == null ? ( /*#__PURE__*/React.createElement("div", null)) : ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
1790
+ id: "luckysheet-filter-selected-sheet",
1791
+ className: "luckysheet-cell-selected luckysheet-filter-selected",
1792
+ style: _.assign({
1793
+ left: filterOptions.left,
1794
+ width: filterOptions.width,
1795
+ top: filterOptions.top,
1796
+ height: filterOptions.height,
1797
+ display: "block"
1798
+ }, fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.endRow, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]), fixColumnStyleOverflowInFreeze(context, filterOptions.startCol, filterOptions.endCol, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]))
1799
+ }), filterOptions.items.map(function (v, i) {
1800
+ var _refs$globalCache$fre3, _refs$globalCache$fre4;
1789
1801
  var filterParam = filter[i];
1790
- var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
1791
- var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
1802
+ var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre3 = refs.globalCache.freezen) === null || _refs$globalCache$fre3 === void 0 ? void 0 : _refs$globalCache$fre3[context.currentSheetId]);
1803
+ var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre4 = refs.globalCache.freezen) === null || _refs$globalCache$fre4 === void 0 ? void 0 : _refs$globalCache$fre4[context.currentSheetId]);
1792
1804
  var col = visibledatacolumn[v.col];
1793
1805
  var col_pre = v.col > 0 ? visibledatacolumn[v.col - 1] : 0;
1794
1806
  var left = v.col <= frozenColumns && columnOverflowFreezeStyle.left ? columnOverflowFreezeStyle.left + col - col_pre - 20 : v.left;
@@ -7567,7 +7579,7 @@ var ContextMenu = function ContextMenu() {
7567
7579
  onMouseDown: function onMouseDown(e) {
7568
7580
  return e.stopPropagation();
7569
7581
  },
7570
- type: "text",
7582
+ type: "number",
7571
7583
  className: "luckysheet-mousedown-cancel",
7572
7584
  placeholder: rightclick.number,
7573
7585
  defaultValue: "1"
@@ -7623,7 +7635,7 @@ var ContextMenu = function ContextMenu() {
7623
7635
  onMouseDown: function onMouseDown(e) {
7624
7636
  return e.stopPropagation();
7625
7637
  },
7626
- type: "text",
7638
+ type: "number",
7627
7639
  className: "luckysheet-mousedown-cancel",
7628
7640
  placeholder: rightclick.number,
7629
7641
  defaultValue: "1"
@@ -7827,10 +7839,7 @@ var ContextMenu = function ContextMenu() {
7827
7839
  max: 545,
7828
7840
  className: "luckysheet-mousedown-cancel",
7829
7841
  placeholder: rightclick.number,
7830
- defaultValue: shownRowHeight,
7831
- style: {
7832
- width: "40px"
7833
- }
7842
+ defaultValue: shownRowHeight
7834
7843
  }), "px")) : null;
7835
7844
  }
7836
7845
  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
  }
@@ -1739,6 +1740,7 @@ var LinkEditCard = function LinkEditCard(_ref) {
1739
1740
  };
1740
1741
 
1741
1742
  var FilterOptions = function FilterOptions(_ref) {
1743
+ var _refs$globalCache$fre, _refs$globalCache$fre2;
1742
1744
  var getContainer = _ref.getContainer;
1743
1745
  var _useContext = React.useContext(WorkbookContext),
1744
1746
  context = _useContext.context,
@@ -1794,11 +1796,21 @@ var FilterOptions = function FilterOptions(_ref) {
1794
1796
  frozenColumns = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range = frozen.range) === null || _frozen$range === void 0 ? void 0 : _frozen$range.column_focus) || -1;
1795
1797
  frozenRows = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range2 = frozen.range) === null || _frozen$range2 === void 0 ? void 0 : _frozen$range2.row_focus) || -1;
1796
1798
  }
1797
- return filterOptions == null ? ( /*#__PURE__*/React__default['default'].createElement("div", null)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, filterOptions.items.map(function (v, i) {
1798
- var _refs$globalCache$fre, _refs$globalCache$fre2;
1799
+ return filterOptions == null ? ( /*#__PURE__*/React__default['default'].createElement("div", null)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
1800
+ id: "luckysheet-filter-selected-sheet",
1801
+ className: "luckysheet-cell-selected luckysheet-filter-selected",
1802
+ style: ___default['default'].assign({
1803
+ left: filterOptions.left,
1804
+ width: filterOptions.width,
1805
+ top: filterOptions.top,
1806
+ height: filterOptions.height,
1807
+ display: "block"
1808
+ }, core.fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.endRow, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]), core.fixColumnStyleOverflowInFreeze(context, filterOptions.startCol, filterOptions.endCol, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]))
1809
+ }), filterOptions.items.map(function (v, i) {
1810
+ var _refs$globalCache$fre3, _refs$globalCache$fre4;
1799
1811
  var filterParam = filter[i];
1800
- var columnOverflowFreezeStyle = core.fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
1801
- var rowOverflowFreezeStyle = core.fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
1812
+ var columnOverflowFreezeStyle = core.fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre3 = refs.globalCache.freezen) === null || _refs$globalCache$fre3 === void 0 ? void 0 : _refs$globalCache$fre3[context.currentSheetId]);
1813
+ var rowOverflowFreezeStyle = core.fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre4 = refs.globalCache.freezen) === null || _refs$globalCache$fre4 === void 0 ? void 0 : _refs$globalCache$fre4[context.currentSheetId]);
1802
1814
  var col = visibledatacolumn[v.col];
1803
1815
  var col_pre = v.col > 0 ? visibledatacolumn[v.col - 1] : 0;
1804
1816
  var left = v.col <= frozenColumns && columnOverflowFreezeStyle.left ? columnOverflowFreezeStyle.left + col - col_pre - 20 : v.left;
@@ -7577,7 +7589,7 @@ var ContextMenu = function ContextMenu() {
7577
7589
  onMouseDown: function onMouseDown(e) {
7578
7590
  return e.stopPropagation();
7579
7591
  },
7580
- type: "text",
7592
+ type: "number",
7581
7593
  className: "luckysheet-mousedown-cancel",
7582
7594
  placeholder: rightclick.number,
7583
7595
  defaultValue: "1"
@@ -7633,7 +7645,7 @@ var ContextMenu = function ContextMenu() {
7633
7645
  onMouseDown: function onMouseDown(e) {
7634
7646
  return e.stopPropagation();
7635
7647
  },
7636
- type: "text",
7648
+ type: "number",
7637
7649
  className: "luckysheet-mousedown-cancel",
7638
7650
  placeholder: rightclick.number,
7639
7651
  defaultValue: "1"
@@ -7837,10 +7849,7 @@ var ContextMenu = function ContextMenu() {
7837
7849
  max: 545,
7838
7850
  className: "luckysheet-mousedown-cancel",
7839
7851
  placeholder: rightclick.number,
7840
- defaultValue: shownRowHeight,
7841
- style: {
7842
- width: "40px"
7843
- }
7852
+ defaultValue: shownRowHeight
7844
7853
  }), "px")) : null;
7845
7854
  }
7846
7855
  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
  }
@@ -95051,6 +95052,7 @@
95051
95052
  };
95052
95053
 
95053
95054
  var FilterOptions = function FilterOptions(_ref) {
95055
+ var _refs$globalCache$fre, _refs$globalCache$fre2;
95054
95056
  var getContainer = _ref.getContainer;
95055
95057
  var _useContext = React.useContext(WorkbookContext),
95056
95058
  context = _useContext.context,
@@ -95106,11 +95108,21 @@
95106
95108
  frozenColumns = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range = frozen.range) === null || _frozen$range === void 0 ? void 0 : _frozen$range.column_focus) || -1;
95107
95109
  frozenRows = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range2 = frozen.range) === null || _frozen$range2 === void 0 ? void 0 : _frozen$range2.row_focus) || -1;
95108
95110
  }
95109
- return filterOptions == null ? ( /*#__PURE__*/React__default['default'].createElement("div", null)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, filterOptions.items.map(function (v, i) {
95110
- var _refs$globalCache$fre, _refs$globalCache$fre2;
95111
+ return filterOptions == null ? ( /*#__PURE__*/React__default['default'].createElement("div", null)) : ( /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
95112
+ id: "luckysheet-filter-selected-sheet",
95113
+ className: "luckysheet-cell-selected luckysheet-filter-selected",
95114
+ style: lodash.assign({
95115
+ left: filterOptions.left,
95116
+ width: filterOptions.width,
95117
+ top: filterOptions.top,
95118
+ height: filterOptions.height,
95119
+ display: "block"
95120
+ }, fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.endRow, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]), fixColumnStyleOverflowInFreeze(context, filterOptions.startCol, filterOptions.endCol, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]))
95121
+ }), filterOptions.items.map(function (v, i) {
95122
+ var _refs$globalCache$fre3, _refs$globalCache$fre4;
95111
95123
  var filterParam = filter[i];
95112
- var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
95113
- var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
95124
+ var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre3 = refs.globalCache.freezen) === null || _refs$globalCache$fre3 === void 0 ? void 0 : _refs$globalCache$fre3[context.currentSheetId]);
95125
+ var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre4 = refs.globalCache.freezen) === null || _refs$globalCache$fre4 === void 0 ? void 0 : _refs$globalCache$fre4[context.currentSheetId]);
95114
95126
  var col = visibledatacolumn[v.col];
95115
95127
  var col_pre = v.col > 0 ? visibledatacolumn[v.col - 1] : 0;
95116
95128
  var left = v.col <= frozenColumns && columnOverflowFreezeStyle.left ? columnOverflowFreezeStyle.left + col - col_pre - 20 : v.left;
@@ -100889,7 +100901,7 @@
100889
100901
  onMouseDown: function onMouseDown(e) {
100890
100902
  return e.stopPropagation();
100891
100903
  },
100892
- type: "text",
100904
+ type: "number",
100893
100905
  className: "luckysheet-mousedown-cancel",
100894
100906
  placeholder: rightclick.number,
100895
100907
  defaultValue: "1"
@@ -100945,7 +100957,7 @@
100945
100957
  onMouseDown: function onMouseDown(e) {
100946
100958
  return e.stopPropagation();
100947
100959
  },
100948
- type: "text",
100960
+ type: "number",
100949
100961
  className: "luckysheet-mousedown-cancel",
100950
100962
  placeholder: rightclick.number,
100951
100963
  defaultValue: "1"
@@ -101149,10 +101161,7 @@
101149
101161
  max: 545,
101150
101162
  className: "luckysheet-mousedown-cancel",
101151
101163
  placeholder: rightclick.number,
101152
- defaultValue: shownRowHeight,
101153
- style: {
101154
- width: "40px"
101155
- }
101164
+ defaultValue: shownRowHeight
101156
101165
  }), "px")) : null;
101157
101166
  }
101158
101167
  if (name === "set-column-width") {