@fileverse-dev/fortune-react 1.1.89 → 1.1.91

package/lib/components/DataVerification/DropdownOption.js

@@ -0,0 +1,271 @@
+"use strict";
+"use client";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ui = require("@fileverse/ui");
+var _ColorPicker = require("./ColorPicker");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __spreadArray = void 0 && (void 0).__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+function createId() {
+  return "".concat(Date.now(), "_").concat(Math.random().toString(36).slice(2));
+}
+var DynamicInputList = function DynamicInputList(_a) {
+  var optionItems = _a.optionItems,
+    setOptionItems = _a.setOptionItems;
+  var dragFromIndexRef = (0, _react.useRef)(null);
+  var _b = (0, _react.useState)(null),
+    draggingIndex = _b[0],
+    setDraggingIndex = _b[1];
+  var _c = (0, _react.useState)(null),
+    overPosition = _c[0],
+    setOverPosition = _c[1];
+  var dragPreviewRef = (0, _react.useRef)(null);
+  var handleAdd = function handleAdd() {
+    var nextNum = optionItems.length + 1;
+    setOptionItems(function (prev) {
+      return __spreadArray(__spreadArray([], prev, true), [{
+        id: createId(),
+        value: "Option ".concat(nextNum),
+        color: "228, 232, 237"
+      }], false);
+    });
+  };
+  (0, _react.useEffect)(function () {
+    handleAdd();
+  }, []);
+  var handleRemove = function handleRemove(index) {
+    setOptionItems(function (prev) {
+      return prev.filter(function (_, i) {
+        return i !== index;
+      });
+    });
+  };
+  var handleChange = function handleChange(index, v) {
+    setOptionItems(function (prev) {
+      var next = prev.slice();
+      next[index] = __assign(__assign({}, next[index]), {
+        value: v
+      });
+      return next;
+    });
+  };
+  function createDragPreview(node, cursorX, cursorY) {
+    if (cursorX === void 0) {
+      cursorX = 20;
+    }
+    if (cursorY === void 0) {
+      cursorY = 10;
+    }
+    var rect = node.getBoundingClientRect();
+    var clone = node.cloneNode(true);
+    clone.style.position = "fixed";
+    clone.style.top = "".concat(rect.top, "px");
+    clone.style.left = "".concat(rect.left, "px");
+    clone.style.width = "".concat(rect.width, "px");
+    clone.style.pointerEvents = "none";
+    clone.style.zIndex = "9999";
+    clone.style.transform = "scale(0.98)";
+    clone.style.borderRadius = "12px";
+    clone.style.background = getComputedStyle(document.documentElement).getPropertyValue("--color-card") || "white";
+    clone.style.boxShadow = "0 8px 24px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.08)";
+    clone.style.opacity = "0.95";
+    document.body.appendChild(clone);
+    return {
+      clone: clone,
+      offsetX: cursorX,
+      offsetY: cursorY
+    };
+  }
+  var _onDragStart = function onDragStart(index, e) {
+    dragFromIndexRef.current = index;
+    setDraggingIndex(index);
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", String(index));
+    var handle = e.currentTarget;
+    var row = handle.closest("li");
+    if (row) {
+      var preview = createDragPreview(row);
+      dragPreviewRef.current = preview.clone;
+      try {
+        e.dataTransfer.setDragImage(preview.clone, preview.offsetX, preview.offsetY);
+      } catch (_a) {}
+    }
+  };
+  var onDragEnd = function onDragEnd() {
+    if (dragPreviewRef.current && dragPreviewRef.current.parentNode) {
+      dragPreviewRef.current.parentNode.removeChild(dragPreviewRef.current);
+    }
+    dragPreviewRef.current = null;
+    setDraggingIndex(null);
+    setOverPosition(null);
+    dragFromIndexRef.current = null;
+  };
+  var onDragOverRow = function onDragOverRow(index, e) {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    var target = e.currentTarget;
+    var rect = target.getBoundingClientRect();
+    var halfway = rect.top + rect.height / 2;
+    var pos = e.clientY < halfway ? "before" : "after";
+    setOverPosition(pos);
+  };
+  var onDragLeaveRow = function onDragLeaveRow() {};
+  function move(list, from, to) {
+    var result = list.slice();
+    var removed = result.splice(from, 1)[0];
+    result.splice(to, 0, removed);
+    return result;
+  }
+  var onDropRow = function onDropRow(index, e) {
+    e.preventDefault();
+    var fromText = e.dataTransfer.getData("text/plain");
+    var fromIndex = Number.isNaN(Number(fromText)) ? dragFromIndexRef.current : Number(fromText);
+    if (fromIndex == null) {
+      setOverPosition(null);
+      return;
+    }
+    var dest = index;
+    if (overPosition === "after") {
+      dest = index + 1;
+    }
+    var adjustedDest = fromIndex < dest ? dest - 1 : dest;
+    if (fromIndex !== adjustedDest) {
+      setOptionItems(function (prev) {
+        return move(prev, fromIndex, Math.max(0, Math.min(prev.length, adjustedDest)));
+      });
+    }
+    setOverPosition(null);
+    dragFromIndexRef.current = null;
+    setDraggingIndex(null);
+    if (dragPreviewRef.current && dragPreviewRef.current.parentNode) {
+      dragPreviewRef.current.parentNode.removeChild(dragPreviewRef.current);
+      dragPreviewRef.current = null;
+    }
+  };
+  var handleColorChange = function handleColorChange(index, color) {
+    setOptionItems(function (prev) {
+      var next = prev.slice();
+      next[index] = __assign(__assign({}, next[index]), {
+        color: color
+      });
+      return next;
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "mx-auto max-w-2xl"
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "flex flex-col"
+  }, optionItems.map(function (item, index) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: item.id,
+      className: (0, _ui.cn)("relative flex optionItems-center gap-3 transition mb-4", draggingIndex === index && "scale-[0.99] opacity-80 shadow-lg rounded-xl"),
+      onDragOver: function onDragOver(e) {
+        return onDragOverRow(index, e);
+      },
+      onDragLeave: onDragLeaveRow,
+      onDrop: function onDrop(e) {
+        return onDropRow(index, e);
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "cursor-grab p-2 text-muted-foreground hover:text-foreground active:cursor-grabbing",
+      draggable: true,
+      onDragStart: function onDragStart(e) {
+        return _onDragStart(index, e);
+      },
+      onDragEnd: onDragEnd,
+      "aria-label": "Drag handle for row ".concat(index + 1),
+      title: "Drag to reorder",
+      style: {
+        cursor: "grab"
+      }
+    }, /*#__PURE__*/_react.default.createElement("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "20",
+      viewBox: "0 0 16 20",
+      fill: "currentColor",
+      "aria-hidden": "true"
+    }, /*#__PURE__*/_react.default.createElement("circle", {
+      cx: "4",
+      cy: "5",
+      r: "1.5"
+    }), /*#__PURE__*/_react.default.createElement("circle", {
+      cx: "4",
+      cy: "10",
+      r: "1.5"
+    }), /*#__PURE__*/_react.default.createElement("circle", {
+      cx: "4",
+      cy: "15",
+      r: "1.5"
+    }), /*#__PURE__*/_react.default.createElement("circle", {
+      cx: "10",
+      cy: "5",
+      r: "1.5"
+    }), /*#__PURE__*/_react.default.createElement("circle", {
+      cx: "10",
+      cy: "10",
+      r: "1.5"
+    }), /*#__PURE__*/_react.default.createElement("circle", {
+      cx: "10",
+      cy: "15",
+      r: "1.5"
+    }))), /*#__PURE__*/_react.default.createElement("div", {
+      className: "flex optionItems-center"
+    }, /*#__PURE__*/_react.default.createElement(_ColorPicker.ColorSection, {
+      onPick: function onPick(c) {
+        return handleColorChange(index, c);
+      },
+      trigerColor: item.color
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "flex flex-1 optionItems-center transition"
+    }, /*#__PURE__*/_react.default.createElement(_ui.TextField, {
+      className: "w-full",
+      placeholder: "Option ".concat(index + 1),
+      value: item.value,
+      onChange: function onChange(e) {
+        return handleChange(index, e.target.value);
+      },
+      "aria-label": "Option ".concat(index + 1)
+    })), /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
+      icon: "Trash2",
+      type: "button",
+      variant: "ghost",
+      onClick: function onClick() {
+        return handleRemove(index);
+      },
+      className: "",
+      "aria-label": "Delete row ".concat(index + 1),
+      title: "Delete"
+    }));
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "mt-8"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    variant: "secondary",
+    onClick: handleAdd,
+    className: ""
+  }, "Add another item")));
+};
+var _default = exports.default = DynamicInputList;

package/lib/components/DataVerification/index.css

@@ -199,4 +199,8 @@
 
 .data-verification-checkbox-label {
   min-width: 100px;
+}
+
+.color-picker:hover {
+  background: hsl(var(--color-bg-default-hover, #F2F4F5));
 }

package/lib/components/DataVerification/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _fortuneCore = require("@fileverse-dev/fortune-core");
 var _ui = require("@fileverse/ui");
 var _react = _interopRequireWildcard(require("react"));
+var _DropdownOption = _interopRequireDefault(require("./DropdownOption"));
 var _context = _interopRequireDefault(require("../../context"));
 var _useDialog = require("../../hooks/useDialog");
 var _datepickerStyles = require("../../utils/datepickerStyles");
@@ -24,6 +25,9 @@ var __assign = void 0 && (void 0).__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+function createId() {
+  return "".concat(Date.now(), "_").concat(Math.random().toString(36).slice(2));
+}
 (0, _datepickerStyles.injectDatepickerStyles)();
 var DataVerification = function DataVerification() {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
@@ -38,6 +42,56 @@ var DataVerification = function DataVerification() {
     button = _r.button,
     generalDialog = _r.generalDialog;
   var dateCondition = (0, _react.useState)(["between", "notBetween", "equal", "notEqualTo", "earlierThan", "noEarlierThan", "laterThan", "noLaterThan"])[0];
+  function getSheetIndex() {
+    var _a;
+    for (var i = 0; i < context.luckysheetfile.length; i += 1) {
+      if (((_a = context.luckysheetfile[i]) === null || _a === void 0 ? void 0 : _a.id) === context.currentSheetId) {
+        return i;
+      }
+    }
+    return null;
+  }
+  var _s = (0, _react.useState)([]),
+    optionItems = _s[0],
+    setOptionItems = _s[1];
+  var valuesFromArray = optionItems.map(function (i) {
+    return i.value;
+  }).join(",");
+  var colors = optionItems.map(function (i) {
+    return i.color;
+  }).join(",");
+  (0, _react.useEffect)(function () {
+    setContext(function (ctx) {
+      ctx.dataVerification.dataRegulation.color = colors;
+      ctx.dataVerification.dataRegulation.value1 = valuesFromArray;
+    });
+  }, [optionItems]);
+  (0, _react.useEffect)(function () {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var selectRow = (_c = (_b = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.row) === null || _c === void 0 ? void 0 : _c[0];
+    var selectCol = (_f = (_e = (_d = context.luckysheet_select_save) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.column) === null || _f === void 0 ? void 0 : _f[0];
+    var sheetIndex = getSheetIndex();
+    var dataVerificationInfo = context.luckysheetfile[sheetIndex].dataVerification;
+    var value = (_g = dataVerificationInfo === null || dataVerificationInfo === void 0 ? void 0 : dataVerificationInfo["".concat(selectRow, "_").concat(selectCol)]) === null || _g === void 0 ? void 0 : _g.value1;
+    var color = (_h = dataVerificationInfo === null || dataVerificationInfo === void 0 ? void 0 : dataVerificationInfo["".concat(selectRow, "_").concat(selectCol)]) === null || _h === void 0 ? void 0 : _h.color;
+    if (value && color) {
+      var colorValues = color === null || color === void 0 ? void 0 : color.split(",").map(function (v) {
+        return v.trim();
+      });
+      var rgbArray_1 = [];
+      for (var i = 0; i < colorValues.length; i += 3) {
+        rgbArray_1.push(colorValues.slice(i, i + 3).join(", "));
+      }
+      value = value === null || value === void 0 ? void 0 : value.split(",");
+      setOptionItems(value.map(function (v, i) {
+        return {
+          id: createId(),
+          value: v,
+          color: rgbArray_1[i]
+        };
+      }));
+    }
+  }, []);
   var dataSelectRange = (0, _react.useCallback)(function (type, value) {
     hideDialog();
     setContext(function (ctx) {
@@ -66,7 +120,7 @@ var DataVerification = function DataVerification() {
             var list = (0, _fortuneCore.getDropdownList)(ctx, value1);
             item.value1 = list.join(",");
           }
-          var currentDataVerification = (_c = ctx.luckysheetfile[(0, _fortuneCore.getSheetIndex)(ctx, ctx.currentSheetId)].dataVerification) !== null && _c !== void 0 ? _c : {};
+          var currentDataVerification = (_c = ctx.luckysheetfile[getSheetIndex()].dataVerification) !== null && _c !== void 0 ? _c : {};
           var str = range[range.length - 1].row[0];
           var edr = range[range.length - 1].row[1];
           var stc = range[range.length - 1].column[0];
@@ -82,7 +136,7 @@ var DataVerification = function DataVerification() {
               }
             }
           }
-          ctx.luckysheetfile[(0, _fortuneCore.getSheetIndex)(ctx, ctx.currentSheetId)].dataVerification = currentDataVerification;
+          ctx.luckysheetfile[getSheetIndex()].dataVerification = currentDataVerification;
         }
       });
     } else if (type === "delete") {
@@ -93,7 +147,7 @@ var DataVerification = function DataVerification() {
           showDialog(generalDialog.noSelectionError, "ok");
           return;
         }
-        var currentDataVerification = (_c = ctx.luckysheetfile[(0, _fortuneCore.getSheetIndex)(ctx, ctx.currentSheetId)].dataVerification) !== null && _c !== void 0 ? _c : {};
+        var currentDataVerification = (_c = ctx.luckysheetfile[getSheetIndex()].dataVerification) !== null && _c !== void 0 ? _c : {};
         var str = range[range.length - 1].row[0];
         var edr = range[range.length - 1].row[1];
         var stc = range[range.length - 1].column[0];
@@ -115,7 +169,7 @@ var DataVerification = function DataVerification() {
         var range = ctx.luckysheet_select_save[ctx.luckysheet_select_save.length - 1];
         rangeT = (0, _fortuneCore.getRangetxt)(context, context.currentSheetId, range, context.currentSheetId);
       }
-      var index = (0, _fortuneCore.getSheetIndex)(ctx, ctx.currentSheetId);
+      var index = getSheetIndex();
       var ctxDataVerification = ctx.luckysheetfile[index].dataVerification;
       if (ctxDataVerification) {
         if (!ctx.luckysheet_select_save) return;
@@ -224,15 +278,9 @@ var DataVerification = function DataVerification() {
     }, dataVerification[v]);
   }))), ((_c = (_b = context.dataVerification) === null || _b === void 0 ? void 0 : _b.dataRegulation) === null || _c === void 0 ? void 0 : _c.type) === "dropdown" && (/*#__PURE__*/_react.default.createElement("div", {
     className: "mt-4"
-  }, /*#__PURE__*/_react.default.createElement(_ui.TextField, {
-    value: context.dataVerification.dataRegulation.value1,
-    placeholder: dataVerification.placeholder1,
-    onChange: function onChange(e) {
-      var value = e.target.value;
-      setContext(function (ctx) {
-        ctx.dataVerification.dataRegulation.value1 = value;
-      });
-    }
+  }, /*#__PURE__*/_react.default.createElement(_DropdownOption.default, {
+    optionItems: optionItems,
+    setOptionItems: setOptionItems
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "mt-4 flex items-center"
   }, /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {

package/lib/components/SheetOverlay/ColumnHeader.js

@@ -82,6 +82,12 @@ var ColumnHeader = function ColumnHeader() {
     }]);
   }, [context, hoverLocation.col_index, refs.globalCache.freezen]);
   var onMouseDown = (0, _react.useCallback)(function (e) {
+    if (e.button === 0 && e.target.tagName === "use") {
+      var nativeEvent_1 = e.nativeEvent;
+      setContext(function (draft) {
+        (0, _fortuneCore.handleColumnHeaderMouseDown)(draft, refs.globalCache, nativeEvent_1, containerRef.current, refs.cellInput.current, refs.fxInput.current);
+      });
+    }
     if (e.button !== 0) return;
     var targetEl = e.target;
     if (targetEl.closest(".fortune-cols-change-size") || targetEl.closest(".fortune-cols-freeze-handle") || targetEl.closest(".header-arrow")) return;
@@ -94,9 +100,9 @@ var ColumnHeader = function ColumnHeader() {
         draft.luckysheet_scroll_status = true;
       });
     } else {
-      var nativeEvent_1 = e.nativeEvent;
+      var nativeEvent_2 = e.nativeEvent;
       setContext(function (draft) {
-        (0, _fortuneCore.handleColumnHeaderMouseDown)(draft, refs.globalCache, nativeEvent_1, containerRef.current, refs.cellInput.current, refs.fxInput.current);
+        (0, _fortuneCore.handleColumnHeaderMouseDown)(draft, refs.globalCache, nativeEvent_2, containerRef.current, refs.cellInput.current, refs.fxInput.current);
       });
       return;
     }

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

@@ -10,7 +10,7 @@ var _fortuneCore = require("@fileverse-dev/fortune-core");
 var _context = _interopRequireDefault(require("../../../context"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function numberToColumnName(num) {
-  var columnName = '';
+  var columnName = "";
   while (num >= 0) {
     var remainder = num % 26;
     columnName = String.fromCharCode(65 + remainder) + columnName;
@@ -182,7 +182,7 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
     var dragOffset = Math.abs(ev.pageX - dragRef.current.startX);
     if (!isDragActivated(host, dragOffset)) return;
     var lineLeftPx = computeInsertionFromPageX(ev.pageX).lineLeftPx;
-    var ghostPosOffset = dragRef.current.startX > ev.pageX ? 0 : 120;
+    var ghostPosOffset = dragRef.current.startX > ev.pageX ? 0 : 80;
     if (dragRef.current.lineEl) {
       dragRef.current.lineEl.style.left = "".concat(lineLeftPx, "px");
     }
@@ -202,7 +202,6 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
       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) {
-        console.log("sourceIndex", sourceIndex_1);
         setContext(function (draft) {
           var _a, _b, _c, _d;
           var _sheet = draft.luckysheetfile[sheetIdx_1];
@@ -230,7 +229,7 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
                 var sourceColName = numberToColumnName(sourceIndex_1);
                 var targetColName_1 = numberToColumnName(targetIndex);
                 if (cell.f) {
-                  cell.f = cell.f.replace(new RegExp("\\b".concat(sourceColName, "(\\d+)\\b"), 'g'), function (match, p1) {
+                  cell.f = cell.f.replace(new RegExp("\\b".concat(sourceColName, "(\\d+)\\b"), "g"), function (match, p1) {
                     if (/^\d+$/.test(p1)) {
                       return "".concat(targetColName_1).concat(p1);
                     }
@@ -257,7 +256,7 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
                   var formula_1 = cell.f;
                   var replacements_1 = [];
                   otherAffectedCols.forEach(function (col) {
-                    var regex = new RegExp("\\b".concat(col.source, "(\\d+)\\b"), 'g');
+                    var regex = new RegExp("\\b".concat(col.source, "(\\d+)\\b"), "g");
                     var match;
                     while ((match = regex.exec(formula_1)) !== null) {
                       if (/^\d+$/.test(match[1])) {
@@ -281,16 +280,16 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
               }
             });
           });
-          (_c = _sheet.calcChain) === null || _c === void 0 ? void 0 : _c.map(function (item) {
+          (_c = _sheet.calcChain) === null || _c === void 0 ? void 0 : _c.forEach(function (item) {
             if (item.c === sourceIndex_1) {
               item.c = targetIndex;
             } else if (item.c > sourceIndex_1 && item.c < targetIndex) {
-              item.c = item.c - 1;
+              item.c -= 1;
             } else if (item.c < sourceIndex_1 && item.c >= targetIndex) {
-              item.c = item.c + 1;
+              item.c += 1;
             }
           });
-          (_d = window === null || window === void 0 ? void 0 : window.updateDataBlockCalcFunctionAfterRowDrag) === null || _d === void 0 ? void 0 : _d.call(window, sourceIndex_1, targetIndex, 'column', context.currentSheetId);
+          (_d = window === null || window === void 0 ? void 0 : window.updateDataBlockCalcFunctionAfterRowDrag) === null || _d === void 0 ? void 0 : _d.call(window, sourceIndex_1, targetIndex, "column", context.currentSheetId);
         });
       }
     }
@@ -307,7 +306,6 @@ var useColumnDragAndDrop = exports.useColumnDragAndDrop = function useColumnDrag
     dragRef.current.startX = startX;
     dragRef.current.source = clickedColIndex;
     dragRef.current.active = false;
-    console.log("initiateDrag", startX);
     dragRef.current.onDocMove = handleColumnDrag;
     dragRef.current.onDocUp = handleColumnDragEnd;
     document.addEventListener("mousemove", handleColumnDrag);

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

@@ -205,15 +205,14 @@ var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(c
           rows.splice(targetIndex, 0, rowData);
           _sheet.data = rows;
           (0, _fortuneCore.updateContextWithSheetData)(draft, _sheet.data);
-          console.log("rows", sourceIndex_1);
           var d = (0, _fortuneCore.getFlowdata)(draft);
           d === null || d === void 0 ? void 0 : d.forEach(function (row) {
-            row.forEach(function (cell, index) {
+            row.forEach(function (cell) {
               if (cell) {
                 var startingIndex = sourceIndex_1 + 1;
                 var targetingIndex_1 = targetIndex + 1;
                 if (cell.f) {
-                  cell.f = cell.f.replace(new RegExp("\\b([A-Z]+)".concat(startingIndex, "\\b"), 'g'), function (match, p1) {
+                  cell.f = cell.f.replace(new RegExp("\\b([A-Z]+)".concat(startingIndex, "\\b"), "g"), function (match, p1) {
                     return "".concat(p1).concat(targetingIndex_1);
                   });
                 }
@@ -239,7 +238,7 @@ var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(c
                   otherAffectedRows.forEach(function (_a) {
                     var source = _a.source,
                       target = _a.target;
-                    var regex = new RegExp("\\b([A-Z]+)".concat(source, "\\b"), 'g');
+                    var regex = new RegExp("\\b([A-Z]+)".concat(source, "\\b"), "g");
                     var match;
                     while ((match = regex.exec(formula_1)) !== null) {
                       replacements_1.push({
@@ -261,17 +260,16 @@ var useRowDragAndDrop = exports.useRowDragAndDrop = function useRowDragAndDrop(c
               }
             });
           });
-          (_a = _sheet.calcChain) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+          (_a = _sheet.calcChain) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
             if (item.r === sourceIndex_1) {
               item.r = targetIndex;
             } else if (item.r > sourceIndex_1 && item.r < targetIndex) {
-              item.r = item.r - 1;
+              item.r -= 1;
             } else if (item.r < sourceIndex_1 && item.r >= targetIndex) {
-              item.r = item.r + 1;
+              item.r += 1;
             }
           });
-          console.log("_sheet.calcChain", _sheet.calcChain);
-          (_b = window === null || window === void 0 ? void 0 : window.updateDataBlockCalcFunctionAfterRowDrag) === null || _b === void 0 ? void 0 : _b.call(window, sourceIndex_1, targetIndex, 'row', context.currentSheetId);
+          (_b = window === null || window === void 0 ? void 0 : window.updateDataBlockCalcFunctionAfterRowDrag) === null || _b === void 0 ? void 0 : _b.call(window, sourceIndex_1, targetIndex, "row", context.currentSheetId);
         });
       }
     }

package/lib/components/SheetOverlay/index.js

@@ -22,7 +22,6 @@ var _ImgBoxs = _interopRequireDefault(require("../ImgBoxs"));
 var _NotationBoxes = _interopRequireDefault(require("../NotationBoxes"));
 var _RangeDialog = _interopRequireDefault(require("../DataVerification/RangeDialog"));
 var _useDialog = require("../../hooks/useDialog");
-var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
 var _DropdownList = _interopRequireDefault(require("../DataVerification/DropdownList"));
 var _iFrameBoxs = _interopRequireDefault(require("../IFrameBoxs/iFrameBoxs"));
 var _ErrorState = _interopRequireDefault(require("../ErrorState"));
@@ -491,11 +490,7 @@ var SheetOverlay = function SheetOverlay() {
     style: {
       display: "none"
     }
-  }, /*#__PURE__*/_react.default.createElement(_SVGIcon.default, {
-    name: "caret-down-fill",
-    width: 16,
-    height: 16
-  })), context.dataVerificationDropDownList && (context.dataVerification.dataRegulation.value1 !== "" || context.dataVerification.dataRegulation.value2 !== "") && (/*#__PURE__*/_react.default.createElement(_DropdownList.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+  }), context.dataVerificationDropDownList && (context.dataVerification.dataRegulation.value1 !== "" || context.dataVerification.dataRegulation.value2 !== "") && (/*#__PURE__*/_react.default.createElement(_DropdownList.default, null)), /*#__PURE__*/_react.default.createElement("div", {
     id: "luckysheet-dataVerification-showHintBox",
     ref: dataVerificationHintBoxRef
   }), /*#__PURE__*/_react.default.createElement("div", {