@fileverse-dev/fortune-react 1.2.62 → 1.2.64

package/es/components/FxEditor/index.js

@@ -279,8 +279,30 @@ var FxEditor = function FxEditor() {
     }
     return true;
   }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-fx-editor"
+  var divRef = useRef(null);
+  var _j = useState(false),
+    isResizing = _j[0],
+    setIsResizing = _j[1];
+  var startResize = function startResize(e) {
+    e.preventDefault();
+    setIsResizing(true);
+    var startY = e.clientY;
+    var startHeight = divRef.current.offsetHeight;
+    var onMouseMove = function onMouseMove(ev) {
+      var newHeight = startHeight + (ev.clientY - startY);
+      divRef.current.style.height = "".concat(Math.max(newHeight, 20), "px");
+    };
+    var _onMouseUp = function onMouseUp() {
+      setIsResizing(false);
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", _onMouseUp);
+    };
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", _onMouseUp);
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "fortune-fx-editor",
+    ref: divRef
   }, /*#__PURE__*/React.createElement(NameBox, null), /*#__PURE__*/React.createElement("div", {
     className: "fortune-fx-icon"
   }, /*#__PURE__*/React.createElement(LucideIcon, {
@@ -347,6 +369,13 @@ var FxEditor = function FxEditor() {
       margin: "auto",
       marginTop: "1px"
     }
-  }))))));
+  })))))), /*#__PURE__*/React.createElement("div", {
+    className: "resize-handle",
+    onMouseDown: startResize,
+    style: {
+      cursor: isResizing ? "grabbing" : "ns-resize",
+      height: "2px"
+    }
+  }));
 };
 export default FxEditor;

package/es/components/SheetOverlay/InputBox.js

@@ -8,7 +8,7 @@ var __assign = this && this.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
-import { cancelNormalSelected, getCellValue, getInlineStringHTML, getStyleByCell, isInlineStringCell, moveToEnd, getFlowdata, handleFormulaInput, moveHighlightCell, escapeScriptTag, valueShowEs, createRangeHightlight, isShowHidenCR, israngeseleciton, escapeHTMLTag, isAllowEdit, getrangeseleciton, indexToColumnChar } from "@fileverse-dev/fortune-core";
+import { cancelNormalSelected, getCellValue, getInlineStringHTML, getStyleByCell, isInlineStringCell, moveToEnd, getFlowdata, handleFormulaInput, moveHighlightCell, escapeScriptTag, valueShowEs, createRangeHightlight, isShowHidenCR, israngeseleciton, escapeHTMLTag, isAllowEdit, getrangeseleciton, indexToColumnChar, handleBold, handleItalic, handleUnderline, handleStrikeThrough } from "@fileverse-dev/fortune-core";
 import React, { useContext, useEffect, useMemo, useRef, useCallback, useLayoutEffect, useState } from "react";
 import _ from "lodash";
 import { Tooltip } from "@fileverse/ui";
@@ -245,10 +245,29 @@ var InputBox = function InputBox() {
       e.stopPropagation();
     }
   }, [getActiveFormula, insertSelectedFormula]);
+  var stopPropagation = function stopPropagation(event) {
+    event.stopPropagation();
+    event.preventDefault();
+  };
   var onKeyDown = useCallback(function (e) {
     var _a, _b;
     lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
     preText.current = inputRef.current.innerText;
+    if (e.metaKey) {
+      if (e.code === "KeyB") {
+        handleBold(context, inputRef.current);
+        stopPropagation(e);
+      } else if (e.code === "KeyI") {
+        handleItalic(context, inputRef.current);
+        stopPropagation(e);
+      } else if (e.code === "KeyU") {
+        handleUnderline(context, inputRef.current);
+        stopPropagation(e);
+      } else if (e.code === "KeyS") {
+        handleStrikeThrough(context, inputRef.current);
+        stopPropagation(e);
+      }
+    }
     var currentCommaCount = countCommasBeforeCursor(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
     setCommaCount(currentCommaCount);
     var allowListNavigation = true;

package/lib/components/FxEditor/index.js

@@ -288,8 +288,30 @@ var FxEditor = function FxEditor() {
     }
     return true;
   }, [context.config, context.luckysheet_select_save, context.luckysheetfile, context.currentSheetId, isHidenRC]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "fortune-fx-editor"
+  var divRef = (0, _react.useRef)(null);
+  var _j = (0, _react.useState)(false),
+    isResizing = _j[0],
+    setIsResizing = _j[1];
+  var startResize = function startResize(e) {
+    e.preventDefault();
+    setIsResizing(true);
+    var startY = e.clientY;
+    var startHeight = divRef.current.offsetHeight;
+    var onMouseMove = function onMouseMove(ev) {
+      var newHeight = startHeight + (ev.clientY - startY);
+      divRef.current.style.height = "".concat(Math.max(newHeight, 20), "px");
+    };
+    var _onMouseUp = function onMouseUp() {
+      setIsResizing(false);
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", _onMouseUp);
+    };
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", _onMouseUp);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "fortune-fx-editor",
+    ref: divRef
   }, /*#__PURE__*/_react.default.createElement(_NameBox.default, null), /*#__PURE__*/_react.default.createElement("div", {
     className: "fortune-fx-icon"
   }, /*#__PURE__*/_react.default.createElement(_LucideIcon.LucideIcon, {
@@ -356,6 +378,13 @@ var FxEditor = function FxEditor() {
       margin: "auto",
       marginTop: "1px"
     }
-  }))))));
+  })))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "resize-handle",
+    onMouseDown: startResize,
+    style: {
+      cursor: isResizing ? "grabbing" : "ns-resize",
+      height: "2px"
+    }
+  }));
 };
 var _default = exports.default = FxEditor;

package/lib/components/SheetOverlay/InputBox.js

@@ -254,10 +254,29 @@ var InputBox = function InputBox() {
       e.stopPropagation();
     }
   }, [getActiveFormula, insertSelectedFormula]);
+  var stopPropagation = function stopPropagation(event) {
+    event.stopPropagation();
+    event.preventDefault();
+  };
   var onKeyDown = (0, _react.useCallback)(function (e) {
     var _a, _b;
     lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
     preText.current = inputRef.current.innerText;
+    if (e.metaKey) {
+      if (e.code === "KeyB") {
+        (0, _fortuneCore.handleBold)(context, inputRef.current);
+        stopPropagation(e);
+      } else if (e.code === "KeyI") {
+        (0, _fortuneCore.handleItalic)(context, inputRef.current);
+        stopPropagation(e);
+      } else if (e.code === "KeyU") {
+        (0, _fortuneCore.handleUnderline)(context, inputRef.current);
+        stopPropagation(e);
+      } else if (e.code === "KeyS") {
+        (0, _fortuneCore.handleStrikeThrough)(context, inputRef.current);
+        stopPropagation(e);
+      }
+    }
     var currentCommaCount = (0, _helper.countCommasBeforeCursor)(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current);
     setCommaCount(currentCommaCount);
     var allowListNavigation = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.2.62",
+  "version": "1.2.64",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "es/index.js",
@@ -16,7 +16,7 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@fileverse-dev/fortune-core": "1.2.62",
+    "@fileverse-dev/fortune-core": "1.2.64",
     "@fileverse/ui": "^4.1.7-patch-40",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",