@fileverse-dev/fortune-react 1.0.2-mod-56 → 1.0.2-mod-55-safe-patch-1

package/dist/index.esm.js

@@ -1,8 +1,8 @@
-import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, goToLink, replaceHtml, removeHyperlink, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, getRangetxt, setConditionRules, mergeBorder, setDropdownValue, onIframeMoveStart, onIframeResizeStart, onIframeMove, onIframeMoveEnd, onIframeResize, onIframeResizeEnd, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, sanitizeDuneUrl, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, insertDuneChart, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, api, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, removeActiveImage, deleteSelectedCellText, deleteRowCol, hideSelected, showSelected, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, setCaretPosition, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
+import { defaultContext, defaultSettings, getSheetIndex, colLocationByIndex, fixPositionOnFrozenCells, colLocation, getFlowdata, isAllowEdit, handleColumnHeaderMouseDown, handleColSizeHandleMouseDown, handleColFreezeHandleMouseDown, handleContextMenu, selectTitlesMap, selectTitlesRange, fixColumnStyleOverflowInFreeze, rowLocationByIndex, rowLocation, handleRowHeaderMouseDown, handleRowSizeHandleMouseDown, handleRowFreezeHandleMouseDown, fixRowStyleOverflowInFreeze, locale, getStyleByCell, getCellValue, createRangeHightlight, isInlineStringCell, getInlineStringHTML, valueShowEs, escapeHTMLTag, escapeScriptTag, moveToEnd, isShowHidenCR, getrangeseleciton, cancelNormalSelected, moveHighlightCell, israngeseleciton, handleFormulaInput, onSearchDialogMoveStart, replaceAll, replace, searchAll, searchNext, normalizeSelection, scrollToHighlightCell, isLinkValid, goToLink, replaceHtml, removeHyperlink, saveHyperlink, createFilterOptions, onImageMoveStart, onImageResizeStart, showComments, setEditingComment, onCommentBoxMoveStart, confirmMessage, getRangeByTxt, getDropdownList, setCellValue, getRangetxt, setConditionRules, mergeBorder, setDropdownValue, onIframeMoveStart, onIframeResizeStart, onIframeMove, onIframeMoveEnd, onIframeResize, onIframeResizeEnd, handleCellAreaMouseDown, handleCellAreaDoubleClick, selectAll, showLinkCard, getCellRowColumn, getCellHyperlink, handleOverlayMouseMove, handleOverlayMouseUp, handleKeydownForZoom, handleOverlayTouchStart, handleOverlayTouchMove, handleOverlayTouchEnd, insertRowCol, drawArrow, onCellsMoveStart, createDropCellRange, updateContextWithSheetData, updateContextWithCanvas, initFreeze, Canvas, handleGlobalWheel, getDataArr, updateMoreCell, getRegStr, getOptionValue, getSelectRange, applyLocation, updateItem, update, sanitizeDuneUrl, normalizedCellAttr, updateFormat, handleTextSize, handleHorizontalAlign, handleVerticalAlign, handleScreenShot, showImgChooser, insertImage, editComment, deleteComment, showHideComment, showHideAllComments, newComment, handleSum, autoSelectionFormula, handleMerge, handleBorder, handleFreeze, handleSort, createFilter, clearFilter, toolbarItemSelectedFunc, toolbarItemClickHandler, insertDuneChart, handleTextColor, handleTextBackground, getInlineStringNoStyle, rangeHightlightselected, updateCell, editSheetName, cancelActiveImgItem, MAX_ZOOM_RATIO, MIN_ZOOM_RATIO, addSheet, getFreezeState, toggleFreeze, jfrefreshgrid, handleCopy, removeActiveImage, deleteSelectedCellText, deleteRowCol, hideSelected, showSelected, api, sortSelection, handleLink, handlePasteByClick, deleteSheet, opToPatch, setCaretPosition, orderbydatafiler, getFilterColumnValues, getFilterColumnColors, saveFilter, calcSelectionInfo, patchToOp, filterPatch, inverseRowColOptions, ensureSheetIndex, initSheetIndex, handleGlobalKeyDown, handlePaste, groupValuesRefresh } from '@fileverse-dev/fortune-core';
 import React, { useContext, useRef, useState, useMemo, useCallback, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
 import produce, { applyPatches, enablePatches, produceWithPatches } from 'immer';
 import _ from 'lodash';
-import { LucideIcon, TextField, Button as Button$1, cn, IconButton, Checkbox, Divider as Divider$2, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Select as Select$1, SelectTrigger, SelectValue, SelectContent, SelectItem as SelectItem$1, RadioGroup, RadioGroupItem, Label } from '@fileverse/ui';
+import { LucideIcon, TextField, Button as Button$1, cn, IconButton, Checkbox, Divider as Divider$2, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Select as Select$1, SelectTrigger, SelectValue, SelectContent, SelectItem as SelectItem$1 } from '@fileverse/ui';
 import regeneratorRuntime from 'regenerator-runtime';
 import Tippy from '@tippyjs/react';
 
@@ -269,15 +269,6 @@ function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -4728,8 +4719,7 @@ var SplitColumn = function SplitColumn() {
     tabIndex: 0
   }), /*#__PURE__*/React.createElement("label", {
     htmlFor: "other"
-  }, "Custom"), /*#__PURE__*/React.createElement(TextField, {
-    placeholder: "Custom separator",
+  }, "Custom"), /*#__PURE__*/React.createElement("input", {
     id: "otherValue",
     name: "otherValue",
     type: "text",
@@ -7495,135 +7485,6 @@ var SheetTab = function SheetTab() {
   }, /*#__PURE__*/React.createElement(ZoomControl, null)));
 };
 
-var ResetColumnWidth = function ResetColumnWidth() {
-  var _useContext = useContext(WorkbookContext),
-    context = _useContext.context,
-    setContext = _useContext.setContext;
-  var _useAlert = useAlert(),
-    showAlert = _useAlert.showAlert;
-  var _locale = locale(context),
-    button = _locale.button;
-  var _useDialog = useDialog(),
-    hideDialog = _useDialog.hideDialog;
-  var _useState = useState("number"),
-    _useState2 = _slicedToArray(_useState, 2),
-    radioValue = _useState2[0],
-    setRadioValue = _useState2[1];
-  var _useState3 = useState(100),
-    _useState4 = _slicedToArray(_useState3, 2),
-    numberValue = _useState4[0],
-    setNumberValue = _useState4[1];
-  var getMaxCellWidth = function getMaxCellWidth(col) {
-    var data = getFlowdata(context);
-    var maxWidth = 100;
-    if (data) {
-      for (var i = 0; i < data.length; i += 1) {
-        var cellD = data[i][col];
-        if (typeof cellD === 'string') {
-          if (cellD.length * 7 > maxWidth) {
-            maxWidth = cellD.length * 7;
-          }
-        } else if (_typeof(cellD) === 'object' && cellD !== null) {
-          console.log(cellD, "cellD");
-          var cellText = cellD.v || cellD.m;
-          if (cellText.length * 7 > maxWidth) {
-            maxWidth = cellText.length * 7;
-          }
-        }
-      }
-    }
-    return maxWidth;
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    id: "fortune-split-column"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ""
-  }, /*#__PURE__*/React.createElement(RadioGroup, {
-    defaultValue: radioValue,
-    onValueChange: function onValueChange(value) {
-      setRadioValue(value);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-col gap-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center space-x-1"
-  }, /*#__PURE__*/React.createElement(RadioGroupItem, {
-    id: "r1",
-    size: "lg",
-    value: "number"
-  }), /*#__PURE__*/React.createElement(Label, {
-    className: "text-heading-xsm",
-    htmlFor: "r1"
-  }, "Enter new column width in pixels. (Default: 80)")), /*#__PURE__*/React.createElement(TextField, {
-    className: "w-1/3 my-4",
-    defaultValue: numberValue,
-    isValid: true,
-    onChange: function onChange(e) {
-      setNumberValue(e.target.value);
-    },
-    placeholder: "Number"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center space-x-1 mb-4"
-  }, /*#__PURE__*/React.createElement(RadioGroupItem, {
-    id: "r2",
-    size: "lg",
-    value: "fit"
-  }), /*#__PURE__*/React.createElement(Label, {
-    className: "text-heading-xsm",
-    htmlFor: "r2"
-  }, "Fit to data")))), /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end gap-2"
-  }, /*#__PURE__*/React.createElement(Button$1, {
-    variant: "secondary",
-    onClick: function onClick() {
-      hideDialog();
-    },
-    tabIndex: 0
-  }, button.cancel), /*#__PURE__*/React.createElement(Button$1, {
-    onClick: function onClick() {
-      if (radioValue === "number") {
-        var targetColWidth = numberValue;
-        setContext(function (draftCtx) {
-          if (_.isUndefined(targetColWidth) || targetColWidth === null || targetColWidth <= 0 || targetColWidth > 2038) {
-            showAlert("The column width must be between 0 ~ 2038", "ok");
-            draftCtx.contextMenu = {};
-            return;
-          }
-          var numColWidth = targetColWidth;
-          var colWidthList = {};
-          _.forEach(draftCtx.luckysheet_select_save, function (section) {
-            for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
-              getMaxCellWidth(colNum);
-              colWidthList[colNum] = numColWidth;
-            }
-          });
-          api.setColumnWidth(draftCtx, colWidthList, {}, true);
-          draftCtx.contextMenu = {};
-        });
-      } else {
-        var _targetColWidth = numberValue;
-        setContext(function (draftCtx) {
-          if (_.isUndefined(_targetColWidth) || _targetColWidth === null || _targetColWidth <= 0 || _targetColWidth > 2038) {
-            showAlert("The column width must be between 0 ~ 2038", "ok");
-            draftCtx.contextMenu = {};
-            return;
-          }
-          var colWidthList = {};
-          _.forEach(draftCtx.luckysheet_select_save, function (section) {
-            for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
-              colWidthList[colNum] = getMaxCellWidth(colNum);
-            }
-          });
-          api.setColumnWidth(draftCtx, colWidthList, {}, true);
-          draftCtx.contextMenu = {};
-        });
-      }
-      hideDialog();
-    },
-    tabIndex: 0
-  }, "Ok")));
-};
-
 var Divider$1 = function Divider() {
   return /*#__PURE__*/React.createElement("div", {
     className: "fortune-context-menu-divider"
@@ -8343,11 +8204,24 @@ var ContextMenu = function ContextMenu() {
       })) ? (/*#__PURE__*/React.createElement(Menu, {
         key: "set-column-width",
         onClick: function onClick(e, container) {
-          showDialog(/*#__PURE__*/React.createElement(ResetColumnWidth, null), undefined, "Resize column");
+          var _container$querySelec2;
+          var targetColWidth = (_container$querySelec2 = container.querySelector("input")) === null || _container$querySelec2 === void 0 ? void 0 : _container$querySelec2.value;
           setContext(function (draftCtx) {
+            if (_.isUndefined(targetColWidth) || targetColWidth === "" || parseInt(targetColWidth, 10) <= 0 || parseInt(targetColWidth, 10) > 2038) {
+              showAlert(info.tipColumnWidthLimit, "ok");
+              draftCtx.contextMenu = {};
+              return;
+            }
+            var numColWidth = parseInt(targetColWidth, 10);
+            var colWidthList = {};
+            _.forEach(draftCtx.luckysheet_select_save, function (section) {
+              for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
+                colWidthList[colNum] = numColWidth;
+              }
+            });
+            api.setColumnWidth(draftCtx, colWidthList, {}, true);
             draftCtx.contextMenu = {};
           });
-          return;
         }
       }, /*#__PURE__*/React.createElement("div", {
         className: "context-item"
@@ -8358,7 +8232,24 @@ var ContextMenu = function ContextMenu() {
         style: {
           marginRight: "8px"
         }
-      }), /*#__PURE__*/React.createElement("div", null, "Resize column width")))) : null;
+      }), /*#__PURE__*/React.createElement("div", null, "Resize column height", /*#__PURE__*/React.createElement("input", {
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        onKeyDown: function onKeyDown(e) {
+          return e.stopPropagation();
+        },
+        tabIndex: 0,
+        type: "number",
+        min: 1,
+        max: 545,
+        className: "luckysheet-mousedown-cancel",
+        placeholder: rightclick.number,
+        defaultValue: shownColWidth,
+        style: {
+          width: "40px"
+        }
+      }), "px")))) : null;
     }
     if (name === "clear") {
       return /*#__PURE__*/React.createElement(Menu, {

package/dist/index.js

@@ -281,15 +281,6 @@ function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
 function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -4740,8 +4731,7 @@ var SplitColumn = function SplitColumn() {
     tabIndex: 0
   }), /*#__PURE__*/React__default['default'].createElement("label", {
     htmlFor: "other"
-  }, "Custom"), /*#__PURE__*/React__default['default'].createElement(ui.TextField, {
-    placeholder: "Custom separator",
+  }, "Custom"), /*#__PURE__*/React__default['default'].createElement("input", {
     id: "otherValue",
     name: "otherValue",
     type: "text",
@@ -7507,135 +7497,6 @@ var SheetTab = function SheetTab() {
   }, /*#__PURE__*/React__default['default'].createElement(ZoomControl, null)));
 };
 
-var ResetColumnWidth = function ResetColumnWidth() {
-  var _useContext = React.useContext(WorkbookContext),
-    context = _useContext.context,
-    setContext = _useContext.setContext;
-  var _useAlert = useAlert(),
-    showAlert = _useAlert.showAlert;
-  var _locale = fortuneCore.locale(context),
-    button = _locale.button;
-  var _useDialog = useDialog(),
-    hideDialog = _useDialog.hideDialog;
-  var _useState = React.useState("number"),
-    _useState2 = _slicedToArray(_useState, 2),
-    radioValue = _useState2[0],
-    setRadioValue = _useState2[1];
-  var _useState3 = React.useState(100),
-    _useState4 = _slicedToArray(_useState3, 2),
-    numberValue = _useState4[0],
-    setNumberValue = _useState4[1];
-  var getMaxCellWidth = function getMaxCellWidth(col) {
-    var data = fortuneCore.getFlowdata(context);
-    var maxWidth = 100;
-    if (data) {
-      for (var i = 0; i < data.length; i += 1) {
-        var cellD = data[i][col];
-        if (typeof cellD === 'string') {
-          if (cellD.length * 7 > maxWidth) {
-            maxWidth = cellD.length * 7;
-          }
-        } else if (_typeof(cellD) === 'object' && cellD !== null) {
-          console.log(cellD, "cellD");
-          var cellText = cellD.v || cellD.m;
-          if (cellText.length * 7 > maxWidth) {
-            maxWidth = cellText.length * 7;
-          }
-        }
-      }
-    }
-    return maxWidth;
-  };
-  return /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "fortune-split-column"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: ""
-  }, /*#__PURE__*/React__default['default'].createElement(ui.RadioGroup, {
-    defaultValue: radioValue,
-    onValueChange: function onValueChange(value) {
-      setRadioValue(value);
-    }
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "flex-col gap-4"
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "flex items-center space-x-1"
-  }, /*#__PURE__*/React__default['default'].createElement(ui.RadioGroupItem, {
-    id: "r1",
-    size: "lg",
-    value: "number"
-  }), /*#__PURE__*/React__default['default'].createElement(ui.Label, {
-    className: "text-heading-xsm",
-    htmlFor: "r1"
-  }, "Enter new column width in pixels. (Default: 80)")), /*#__PURE__*/React__default['default'].createElement(ui.TextField, {
-    className: "w-1/3 my-4",
-    defaultValue: numberValue,
-    isValid: true,
-    onChange: function onChange(e) {
-      setNumberValue(e.target.value);
-    },
-    placeholder: "Number"
-  })), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "flex items-center space-x-1 mb-4"
-  }, /*#__PURE__*/React__default['default'].createElement(ui.RadioGroupItem, {
-    id: "r2",
-    size: "lg",
-    value: "fit"
-  }), /*#__PURE__*/React__default['default'].createElement(ui.Label, {
-    className: "text-heading-xsm",
-    htmlFor: "r2"
-  }, "Fit to data")))), /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "flex justify-end gap-2"
-  }, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
-    variant: "secondary",
-    onClick: function onClick() {
-      hideDialog();
-    },
-    tabIndex: 0
-  }, button.cancel), /*#__PURE__*/React__default['default'].createElement(ui.Button, {
-    onClick: function onClick() {
-      if (radioValue === "number") {
-        var targetColWidth = numberValue;
-        setContext(function (draftCtx) {
-          if (___default['default'].isUndefined(targetColWidth) || targetColWidth === null || targetColWidth <= 0 || targetColWidth > 2038) {
-            showAlert("The column width must be between 0 ~ 2038", "ok");
-            draftCtx.contextMenu = {};
-            return;
-          }
-          var numColWidth = targetColWidth;
-          var colWidthList = {};
-          ___default['default'].forEach(draftCtx.luckysheet_select_save, function (section) {
-            for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
-              getMaxCellWidth(colNum);
-              colWidthList[colNum] = numColWidth;
-            }
-          });
-          fortuneCore.api.setColumnWidth(draftCtx, colWidthList, {}, true);
-          draftCtx.contextMenu = {};
-        });
-      } else {
-        var _targetColWidth = numberValue;
-        setContext(function (draftCtx) {
-          if (___default['default'].isUndefined(_targetColWidth) || _targetColWidth === null || _targetColWidth <= 0 || _targetColWidth > 2038) {
-            showAlert("The column width must be between 0 ~ 2038", "ok");
-            draftCtx.contextMenu = {};
-            return;
-          }
-          var colWidthList = {};
-          ___default['default'].forEach(draftCtx.luckysheet_select_save, function (section) {
-            for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
-              colWidthList[colNum] = getMaxCellWidth(colNum);
-            }
-          });
-          fortuneCore.api.setColumnWidth(draftCtx, colWidthList, {}, true);
-          draftCtx.contextMenu = {};
-        });
-      }
-      hideDialog();
-    },
-    tabIndex: 0
-  }, "Ok")));
-};
-
 var Divider$1 = function Divider() {
   return /*#__PURE__*/React__default['default'].createElement("div", {
     className: "fortune-context-menu-divider"
@@ -8355,11 +8216,24 @@ var ContextMenu = function ContextMenu() {
       })) ? (/*#__PURE__*/React__default['default'].createElement(Menu, {
         key: "set-column-width",
         onClick: function onClick(e, container) {
-          showDialog(/*#__PURE__*/React__default['default'].createElement(ResetColumnWidth, null), undefined, "Resize column");
+          var _container$querySelec2;
+          var targetColWidth = (_container$querySelec2 = container.querySelector("input")) === null || _container$querySelec2 === void 0 ? void 0 : _container$querySelec2.value;
           setContext(function (draftCtx) {
+            if (___default['default'].isUndefined(targetColWidth) || targetColWidth === "" || parseInt(targetColWidth, 10) <= 0 || parseInt(targetColWidth, 10) > 2038) {
+              showAlert(info.tipColumnWidthLimit, "ok");
+              draftCtx.contextMenu = {};
+              return;
+            }
+            var numColWidth = parseInt(targetColWidth, 10);
+            var colWidthList = {};
+            ___default['default'].forEach(draftCtx.luckysheet_select_save, function (section) {
+              for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
+                colWidthList[colNum] = numColWidth;
+              }
+            });
+            fortuneCore.api.setColumnWidth(draftCtx, colWidthList, {}, true);
             draftCtx.contextMenu = {};
           });
-          return;
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "context-item"
@@ -8370,7 +8244,24 @@ var ContextMenu = function ContextMenu() {
         style: {
           marginRight: "8px"
         }
-      }), /*#__PURE__*/React__default['default'].createElement("div", null, "Resize column width")))) : null;
+      }), /*#__PURE__*/React__default['default'].createElement("div", null, "Resize column height", /*#__PURE__*/React__default['default'].createElement("input", {
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        onKeyDown: function onKeyDown(e) {
+          return e.stopPropagation();
+        },
+        tabIndex: 0,
+        type: "number",
+        min: 1,
+        max: 545,
+        className: "luckysheet-mousedown-cancel",
+        placeholder: rightclick.number,
+        defaultValue: shownColWidth,
+        style: {
+          width: "40px"
+        }
+      }), "px")))) : null;
     }
     if (name === "clear") {
       return /*#__PURE__*/React__default['default'].createElement(Menu, {