@leankylin-sheet/react 1.2.1 → 1.2.3

package/dist/components/Workbook/api.d.ts

@@ -1,6 +1,7 @@
 import { api, Cell, Context, Op, Range, Selection, Presence, Settings, SingleRange, Sheet, CellMatrix, CellWithRowAndCol } from "@leankylin-sheet/core";
-import { SetContextOptions } from "../../context";
-export declare function generateAPIs(context: Context, setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void, handleUndo: () => void, handleRedo: () => void, settings: Required<Settings>, cellInput: HTMLDivElement | null, scrollbarX: HTMLDivElement | null, scrollbarY: HTMLDivElement | null): {
+import { RefValues, SetContextOptions } from "../../context";
+export declare function generateAPIs(context: Context, setContext: (recipe: (ctx: Context) => void, options?: SetContextOptions) => void, handleUndo: () => void, handleRedo: () => void, settings: Required<Settings>, cellInput: HTMLDivElement | null, scrollbarX: HTMLDivElement | null, scrollbarY: HTMLDivElement | null, refs: RefValues): {
+    getRefs: () => RefValues;
     applyOp: (ops: Op[]) => void;
     getCellValue: (row: number, column: number, options?: api.CommonOptions & {
         type?: keyof Cell;

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

@@ -1,6 +1,7 @@
 import { Settings, CellWithRowAndCol, Sheet as SheetType, Op, CellMatrix } from "@leankylin-sheet/core";
 import React from "react";
 import "./index.css";
+import { RefValues } from "../../context";
 import { generateAPIs } from "./api";
 export type WorkbookInstance = ReturnType<typeof generateAPIs>;
 type AdditionalProps = {
@@ -8,6 +9,7 @@ type AdditionalProps = {
     onOp?: (op: Op[]) => void;
 };
 declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalProps & React.RefAttributes<{
+    getRefs: () => RefValues;
     applyOp: (ops: Op[]) => void;
     getCellValue: (row: number, column: number, options?: import("@leankylin-sheet/core/dist/api").CommonOptions & {
         type?: "v" | "m" | "mc" | "f" | "ct" | "qp" | "spl" | "bg" | "lo" | "rt" | "ps" | "hl" | keyof import("@leankylin-sheet/core").CellStyle | undefined;

package/dist/index.css

@@ -475,7 +475,7 @@ html::-webkit-scrollbar-button {
 
 .luckysheet-bottom-controll-row {
   position: absolute;
-  height: 50px;
+  /* height: 50px; */
   bottom: 30px;
   left: 0px;
   z-index: 1000;

package/dist/index.esm.css

@@ -475,7 +475,7 @@ html::-webkit-scrollbar-button {
 
 .luckysheet-bottom-controll-row {
   position: absolute;
-  height: 50px;
+  /* height: 50px; */
   bottom: 30px;
   left: 0px;
   z-index: 1000;

package/dist/index.esm.js

@@ -3627,7 +3627,7 @@ var Sheet = function Sheet(_ref) {
         if (settings.devicePixelRatio === 0) {
           draftCtx.devicePixelRatio = (globalThis || window).devicePixelRatio;
         }
-        updateContextWithSheetData(draftCtx, data);
+        updateContextWithSheetData(draftCtx, data, settings.blank);
         updateContextWithCanvas(draftCtx, refs.canvas.current, placeholderRef.current);
       });
     }
@@ -3635,13 +3635,13 @@ var Sheet = function Sheet(_ref) {
     return function () {
       window.removeEventListener("resize", resize);
     };
-  }, [data, refs.canvas, setContext, settings.devicePixelRatio]);
+  }, [data, refs.canvas, setContext, settings.devicePixelRatio, settings.blank]);
   useEffect(function () {
     if (!data) return;
     setContext(function (draftCtx) {
-      return updateContextWithSheetData(draftCtx, data);
+      return updateContextWithSheetData(draftCtx, data, settings.blank);
     });
-  }, [(_context$config = context.config) === null || _context$config === void 0 ? void 0 : _context$config.rowlen, (_context$config2 = context.config) === null || _context$config2 === void 0 ? void 0 : _context$config2.columnlen, (_context$config3 = context.config) === null || _context$config3 === void 0 ? void 0 : _context$config3.rowhidden, context.config.colhidden, data, context.zoomRatio, setContext]);
+  }, [(_context$config = context.config) === null || _context$config === void 0 ? void 0 : _context$config.rowlen, (_context$config2 = context.config) === null || _context$config2 === void 0 ? void 0 : _context$config2.columnlen, (_context$config3 = context.config) === null || _context$config3 === void 0 ? void 0 : _context$config3.rowhidden, context.config.colhidden, data, context.zoomRatio, setContext, settings.blank]);
   useEffect(function () {
     setContext(function (draftCtx) {
       return updateContextWithCanvas(draftCtx, refs.canvas.current, placeholderRef.current);
@@ -9283,8 +9283,11 @@ var MoreItemsContaier = function MoreItemsContaier(_ref) {
   }, children);
 };
 
-function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY) {
+function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY, refs) {
   return {
+    getRefs: function getRefs() {
+      return refs;
+    },
     applyOp: function applyOp(ops) {
       setContext(function (ctx_) {
         var _ops$, _ops$$path, _ops$2, _ops$2$path, _ops$3;
@@ -10724,7 +10727,7 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
   }, [onPaste]);
   useImperativeHandle(ref, function () {
-    return generateAPIs(context, setContextWithProduce, handleUndo, handleRedo, mergedSettings, cellInput.current, scrollbarX.current, scrollbarY.current);
+    return generateAPIs(context, setContextWithProduce, handleUndo, handleRedo, mergedSettings, cellInput.current, scrollbarX.current, scrollbarY.current, refs);
   }, [context, setContextWithProduce, handleUndo, handleRedo, mergedSettings]);
   var i = getSheetIndex(context, context.currentSheetId);
   if (i == null) {

package/dist/index.js

@@ -3637,7 +3637,7 @@ var Sheet = function Sheet(_ref) {
         if (settings.devicePixelRatio === 0) {
           draftCtx.devicePixelRatio = (globalThis || window).devicePixelRatio;
         }
-        core.updateContextWithSheetData(draftCtx, data);
+        core.updateContextWithSheetData(draftCtx, data, settings.blank);
         core.updateContextWithCanvas(draftCtx, refs.canvas.current, placeholderRef.current);
       });
     }
@@ -3645,13 +3645,13 @@ var Sheet = function Sheet(_ref) {
     return function () {
       window.removeEventListener("resize", resize);
     };
-  }, [data, refs.canvas, setContext, settings.devicePixelRatio]);
+  }, [data, refs.canvas, setContext, settings.devicePixelRatio, settings.blank]);
   React.useEffect(function () {
     if (!data) return;
     setContext(function (draftCtx) {
-      return core.updateContextWithSheetData(draftCtx, data);
+      return core.updateContextWithSheetData(draftCtx, data, settings.blank);
     });
-  }, [(_context$config = context.config) === null || _context$config === void 0 ? void 0 : _context$config.rowlen, (_context$config2 = context.config) === null || _context$config2 === void 0 ? void 0 : _context$config2.columnlen, (_context$config3 = context.config) === null || _context$config3 === void 0 ? void 0 : _context$config3.rowhidden, context.config.colhidden, data, context.zoomRatio, setContext]);
+  }, [(_context$config = context.config) === null || _context$config === void 0 ? void 0 : _context$config.rowlen, (_context$config2 = context.config) === null || _context$config2 === void 0 ? void 0 : _context$config2.columnlen, (_context$config3 = context.config) === null || _context$config3 === void 0 ? void 0 : _context$config3.rowhidden, context.config.colhidden, data, context.zoomRatio, setContext, settings.blank]);
   React.useEffect(function () {
     setContext(function (draftCtx) {
       return core.updateContextWithCanvas(draftCtx, refs.canvas.current, placeholderRef.current);
@@ -9293,8 +9293,11 @@ var MoreItemsContaier = function MoreItemsContaier(_ref) {
   }, children);
 };
 
-function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY) {
+function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cellInput, scrollbarX, scrollbarY, refs) {
   return {
+    getRefs: function getRefs() {
+      return refs;
+    },
     applyOp: function applyOp(ops) {
       setContext(function (ctx_) {
         var _ops$, _ops$$path, _ops$2, _ops$2$path, _ops$3;
@@ -10734,7 +10737,7 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     };
   }, [onPaste]);
   React.useImperativeHandle(ref, function () {
-    return generateAPIs(context, setContextWithProduce, handleUndo, handleRedo, mergedSettings, cellInput.current, scrollbarX.current, scrollbarY.current);
+    return generateAPIs(context, setContextWithProduce, handleUndo, handleRedo, mergedSettings, cellInput.current, scrollbarX.current, scrollbarY.current, refs);
   }, [context, setContextWithProduce, handleUndo, handleRedo, mergedSettings]);
   var i = core.getSheetIndex(context, context.currentSheetId);
   if (i == null) {

package/dist/index.umd.css

@@ -475,7 +475,7 @@ html::-webkit-scrollbar-button {
 
 .luckysheet-bottom-controll-row {
   position: absolute;
-  height: 50px;
+  /* height: 50px; */
   bottom: 30px;
   left: 0px;
   z-index: 1000;