@fileverse-dev/fortune-react 1.1.83 → 1.1.85

package/lib/components/SheetOverlay/drag_and_drop/row-helpers.js

@@ -0,0 +1,233 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRowDragAndDrop = void 0;
+var _react = require("react");
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _context = _interopRequireDefault(require("../../../context"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(containerRef, selectedLocationRef) {
+  var DOUBLE_MS = 300;
+  var START_DRAG_THRESHOLD_PX = 6;
+  var clickRef = (0, _react.useRef)({
+    lastTime: 0,
+    lastRow: -1
+  });
+  var _a = (0, _react.useContext)(_context.default),
+    context = _a.context,
+    setContext = _a.setContext,
+    refs = _a.refs;
+  var dragRef = (0, _react.useRef)({
+    mouseDown: false,
+    startY: 0,
+    source: -1,
+    active: false,
+    lineEl: null,
+    ghostEl: null,
+    onDocMove: null,
+    onDocUp: null,
+    prevUserSelect: "",
+    prevWebkitUserSelect: "",
+    lastNativeEvent: null,
+    ghostHeightPx: 24
+  });
+  var removeDragLine = function removeDragLine() {
+    var _a = dragRef.current,
+      lineEl = _a.lineEl,
+      ghostEl = _a.ghostEl;
+    try {
+      if (lineEl === null || lineEl === void 0 ? void 0 : lineEl.parentElement) lineEl.parentElement.removeChild(lineEl);
+    } catch (_b) {}
+    try {
+      if (ghostEl === null || ghostEl === void 0 ? void 0 : ghostEl.parentElement) ghostEl.parentElement.removeChild(ghostEl);
+    } catch (_c) {}
+    dragRef.current.lineEl = null;
+    dragRef.current.ghostEl = null;
+    dragRef.current.active = false;
+  };
+  var getRowIndexClicked = function getRowIndexClicked(pageY, headerEl) {
+    var _a;
+    var rect = headerEl.getBoundingClientRect();
+    var mouseYInHeader = pageY - rect.top - window.scrollY;
+    var localYInHeader = mouseYInHeader + headerEl.scrollTop;
+    var freeze = (_a = refs.globalCache.freezen) === null || _a === void 0 ? void 0 : _a[context.currentSheetId];
+    var adjustedY = (0, _fortuneCore.fixPositionOnFrozenCells)(freeze, 0, localYInHeader, 0, mouseYInHeader).y;
+    var _b = (0, _fortuneCore.rowLocation)(adjustedY, context.visibledatarow),
+      rowIndex = _b[2];
+    return rowIndex;
+  };
+  var isRowDoubleClicked = function isRowDoubleClicked(clickedRowIndex) {
+    var now = performance.now();
+    var isDoubleClicked = now - clickRef.current.lastTime < DOUBLE_MS && clickRef.current.lastRow === clickedRowIndex;
+    clickRef.current.lastTime = now;
+    clickRef.current.lastRow = clickedRowIndex;
+    return isDoubleClicked;
+  };
+  var computeInsertionFromPageY = function computeInsertionFromPageY(pageY) {
+    var _a, _b, _c, _d, _e;
+    var workbookEl = containerRef.current;
+    if (!workbookEl) return {
+      insertionIndex: -1,
+      lineTopPx: 0,
+      mouseYInWorkbook: 0
+    };
+    var wbRect = workbookEl.getBoundingClientRect();
+    var mouseYInWorkbook = pageY - wbRect.top - window.scrollY;
+    var localYInWorkbook = mouseYInWorkbook + ((_b = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) !== null && _b !== void 0 ? _b : context.scrollTop);
+    var freeze = (_c = refs.globalCache.freezen) === null || _c === void 0 ? void 0 : _c[context.currentSheetId];
+    var yWorkbook = (0, _fortuneCore.fixPositionOnFrozenCells)(freeze, 0, localYInWorkbook, 0, mouseYInWorkbook).y;
+    var _f = (0, _fortuneCore.rowLocation)(yWorkbook, context.visibledatarow),
+      rowTopPx = _f[0],
+      rowBottomPx = _f[1],
+      hoveredRowIndex = _f[2];
+    var rowMidPx = (rowTopPx + rowBottomPx) / 2;
+    var insertionIndex = hoveredRowIndex + (yWorkbook > rowMidPx ? 1 : 0);
+    var sheetIdx = (0, _fortuneCore.getSheetIndex)(context, context.currentSheetId);
+    var sheetLocal = sheetIdx == null ? null : context.luckysheetfile[sheetIdx];
+    var maxRows = (_e = (_d = sheetLocal === null || sheetLocal === void 0 ? void 0 : sheetLocal.data) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : context.visibledatarow.length;
+    insertionIndex = Math.max(0, Math.min(maxRows, insertionIndex));
+    var lineTopPx = yWorkbook > rowMidPx ? rowBottomPx : rowTopPx;
+    return {
+      insertionIndex: insertionIndex,
+      lineTopPx: lineTopPx,
+      mouseYInWorkbook: mouseYInWorkbook
+    };
+  };
+  var createInsertionLine = function createInsertionLine(host) {
+    var el = document.createElement("div");
+    el.style.position = "absolute";
+    el.style.left = "0px";
+    el.style.right = "0px";
+    el.style.height = "2px";
+    el.style.background = "#EFC703";
+    el.style.zIndex = "9999";
+    el.style.pointerEvents = "none";
+    host.appendChild(el);
+    return el;
+  };
+  var createGhost = function createGhost(host) {
+    var el = document.createElement("div");
+    el.style.position = "fixed";
+    el.style.left = "55px";
+    el.style.width = "".concat(window.innerWidth, "px");
+    el.style.boxSizing = "border-box";
+    el.style.padding = "6px 8px";
+    el.style.background = "rgba(239,199,3,0.10)";
+    el.style.border = "1px solid #EFC703";
+    el.style.borderRadius = "6px";
+    el.style.zIndex = "10000";
+    el.style.pointerEvents = "none";
+    el.style.display = "flex";
+    el.style.alignItems = "center";
+    el.style.fontSize = "12px";
+    el.style.fontWeight = "500";
+    var ghostHeightPx = 24;
+    var ghostLabel = "".concat(dragRef.current.source + 1, " row");
+    var selectedBlock = selectedLocationRef.current.find(function (s) {
+      return s.r1 <= dragRef.current.source && dragRef.current.source <= s.r2;
+    });
+    if (selectedBlock) {
+      ghostHeightPx = Math.max(24, selectedBlock.row - selectedBlock.row_pre - 1);
+      var count = selectedBlock.r2 - selectedBlock.r1 + 1;
+      ghostLabel = count > 1 ? "".concat(count, " rows") : "".concat(selectedBlock.r1 + 1, " row");
+    } else {
+      var _a = (0, _fortuneCore.rowLocationByIndex)(dragRef.current.source, context.visibledatarow),
+        pre = _a[0],
+        end = _a[1];
+      var sourceRowHeight = end - pre - 1;
+      ghostHeightPx = Math.max(24, sourceRowHeight);
+    }
+    el.style.height = "".concat(ghostHeightPx, "px");
+    el.textContent = ghostLabel;
+    host.appendChild(el);
+    return {
+      el: el,
+      ghostHeightPx: ghostHeightPx
+    };
+  };
+  var isDragActivated = function isDragActivated(host, pixelDeltaY) {
+    if (dragRef.current.active) return true;
+    if (pixelDeltaY < START_DRAG_THRESHOLD_PX) return false;
+    dragRef.current.active = true;
+    dragRef.current.prevUserSelect = document.body.style.userSelect;
+    dragRef.current.prevWebkitUserSelect = document.body.style.webkitUserSelect;
+    document.body.style.userSelect = "none";
+    document.body.style.webkitUserSelect = "none";
+    dragRef.current.lineEl = createInsertionLine(host);
+    var _a = createGhost(host),
+      el = _a.el,
+      ghostHeightPx = _a.ghostHeightPx;
+    dragRef.current.ghostEl = el;
+    dragRef.current.ghostHeightPx = ghostHeightPx;
+    return true;
+  };
+  var handleRowDrag = function handleRowDrag(ev) {
+    if (!dragRef.current.mouseDown) return;
+    dragRef.current.lastNativeEvent = ev;
+    var host = containerRef.current;
+    if (!host) return;
+    var dragOffset = Math.abs(ev.pageY - dragRef.current.startY);
+    if (!isDragActivated(host, dragOffset)) return;
+    var lineTopPx = computeInsertionFromPageY(ev.pageY).lineTopPx;
+    var ghostPosOffset = dragRef.current.startY > ev.pageY ? 0 : 25;
+    if (dragRef.current.lineEl) {
+      dragRef.current.lineEl.style.top = "".concat(lineTopPx, "px");
+    }
+    if (dragRef.current.ghostEl) {
+      dragRef.current.ghostEl.style.top = "".concat(ev.pageY - ghostPosOffset, "px");
+    }
+  };
+  var handleRowDragEnd = function handleRowDragEnd(ev) {
+    if (!dragRef.current.mouseDown) return;
+    dragRef.current.mouseDown = false;
+    try {
+      document.body.style.userSelect = dragRef.current.prevUserSelect || "";
+      document.body.style.webkitUserSelect = dragRef.current.prevWebkitUserSelect || "";
+    } catch (_a) {}
+    if (dragRef.current.active) {
+      var finalInsertionIndex_1 = computeInsertionFromPageY(ev.pageY).insertionIndex;
+      var sourceIndex_1 = dragRef.current.source;
+      var sheetIdx_1 = (0, _fortuneCore.getSheetIndex)(context, context.currentSheetId);
+      if (sheetIdx_1 != null && sourceIndex_1 >= 0 && Number.isFinite(finalInsertionIndex_1) && finalInsertionIndex_1 >= 0) {
+        setContext(function (draft) {
+          var _sheet = draft.luckysheetfile[sheetIdx_1];
+          if (!(_sheet === null || _sheet === void 0 ? void 0 : _sheet.data)) return;
+          var rows = _sheet.data;
+          if (sourceIndex_1 < 0 || sourceIndex_1 >= rows.length) return;
+          var targetIndex = finalInsertionIndex_1;
+          if (targetIndex > sourceIndex_1) targetIndex -= 1;
+          var rowData = rows.splice(sourceIndex_1, 1)[0];
+          if (targetIndex < 0) targetIndex = 0;
+          if (targetIndex > rows.length) targetIndex = rows.length;
+          rows.splice(targetIndex, 0, rowData);
+          _sheet.data = rows;
+          (0, _fortuneCore.updateContextWithSheetData)(draft, _sheet.data);
+        });
+      }
+    }
+    removeDragLine();
+    dragRef.current.active = false;
+    dragRef.current.source = -1;
+    if (dragRef.current.onDocMove) document.removeEventListener("mousemove", dragRef.current.onDocMove);
+    if (dragRef.current.onDocUp) document.removeEventListener("mouseup", dragRef.current.onDocUp);
+    dragRef.current.onDocMove = null;
+    dragRef.current.onDocUp = null;
+  };
+  var initiateDrag = function initiateDrag(clickedRowIndex, startY) {
+    dragRef.current.mouseDown = true;
+    dragRef.current.startY = startY;
+    dragRef.current.source = clickedRowIndex;
+    dragRef.current.active = false;
+    dragRef.current.onDocMove = handleRowDrag;
+    dragRef.current.onDocUp = handleRowDragEnd;
+    document.addEventListener("mousemove", handleRowDrag);
+    document.addEventListener("mouseup", handleRowDragEnd);
+  };
+  return {
+    initiateDrag: initiateDrag,
+    getRowIndexClicked: getRowIndexClicked,
+    isRowDoubleClicked: isRowDoubleClicked
+  };
+};

package/lib/components/SheetTab/index.css

@@ -215,6 +215,19 @@
   background-color: hsl(var(--color-button-secondary-hover)) !important;
 }
 
+.fortune-sheettab-button-arrow {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 30px;
+  width: 30px;
+  background-color: hsl(var(--color-bg-secondary)) !important;
+}
+
+.fortune-sheettab-button-arrow:hover {
+  background-color: hsl(var(--color-button-secondary-hover)) !important;
+}
+
 .luckysheet-noselected-text {
   -moz-user-select: -moz-test;
   -khtml-user-select: none;

package/lib/components/SheetTab/index.js

@@ -226,7 +226,7 @@ var SheetTab = function SheetTab() {
     tabIndex: 0
   }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
     name: "arrow-doubleleft",
-    className: "fortune-sheettab-button border-none shadow-none",
+    className: "fortune-sheettab-button-arrow border-none shadow-none",
     onClick: function onClick() {
       scrollBy(-scrollDelta);
     },
@@ -244,7 +244,7 @@ var SheetTab = function SheetTab() {
     tabIndex: 0
   }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
     name: "arrow-doubleright",
-    className: "fortune-sheettab-button border-none shadow-none",
+    className: "fortune-sheettab-button-arrow border-none shadow-none",
     onClick: function onClick() {
       scrollBy(scrollDelta);
     },

package/lib/components/Workbook/index.d.ts

@@ -12,21 +12,21 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     applyOp: (ops: Op[]) => void;
     getCryptoPrice: typeof getCryptoPrice;
     getCellValue: (row: number, column: number, options?: api.CommonOptions & {
-        type?: "rt" | "m" | "error" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle | undefined;
+        type?: "error" | "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle | undefined;
     }) => any;
     onboardingActiveCell: (functionName: string) => void;
     initializeComment: (row: number, column: number) => void;
     updateSheetLiveQueryList: (subsheetIndex: number, _data: import("@fileverse-dev/fortune-core").LiveQueryData) => void;
     removeFromLiveQueryList: (subSheetIndex: number, id: string) => void;
     setCellValue: (row: number, column: number, value: any, options?: api.CommonOptions & {
-        type?: "rt" | "m" | "error" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle | undefined;
+        type?: "error" | "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle | undefined;
     }) => void;
     setCellError: (row: number, column: number, errorMessage: {
         title: string;
         message: string;
     }) => void;
     clearCell: (row: number, column: number, options?: api.CommonOptions) => void;
-    setCellFormat: (row: number, column: number, attr: "rt" | "m" | "error" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, options?: api.CommonOptions) => void;
+    setCellFormat: (row: number, column: number, attr: "error" | "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, options?: api.CommonOptions) => void;
     autoFillCell: (copyRange: import("@fileverse-dev/fortune-core").SingleRange, applyRange: import("@fileverse-dev/fortune-core").SingleRange, direction: "left" | "right" | "down" | "up") => void;
     freeze: (type: "column" | "both" | "row", range: {
         row: number;
@@ -57,7 +57,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     getHtmlByRange: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => string | null;
     setSelection: (range: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
     setCellValuesByRange: (data: any[][], range: import("@fileverse-dev/fortune-core").SingleRange, options?: api.CommonOptions) => void;
-    setCellFormatByRange: (attr: "rt" | "m" | "error" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, range: import("@fileverse-dev/fortune-core").SingleRange | import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
+    setCellFormatByRange: (attr: "error" | "rt" | "m" | "v" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "baseValue" | "baseCurrency" | "baseCurrencyPrice" | "isDataBlockFormula" | "ps" | "hl" | keyof import("@fileverse-dev/fortune-core").CellStyle, value: any, range: import("@fileverse-dev/fortune-core").SingleRange | import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
     mergeCells: (ranges: import("@fileverse-dev/fortune-core").Range, type: string, options?: api.CommonOptions) => void;
     cancelMerge: (ranges: import("@fileverse-dev/fortune-core").Range, options?: api.CommonOptions) => void;
     getAllSheets: () => SheetType[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.1.83",
+  "version": "1.1.85",
   "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.1.83",
+    "@fileverse-dev/fortune-core": "1.1.85",
     "@fileverse/ui": "^4.1.7-patch-21",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",