@leankylin-sheet/react 2.0.4 → 2.0.6

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

@@ -3,6 +3,7 @@ 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;
+    createFilter: () => void;
     getCellValue: (row: number, column: number, options?: api.CommonOptions & {
         type?: keyof Cell;
     }) => any;

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

@@ -11,6 +11,7 @@ type AdditionalProps = {
 declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalProps & React.RefAttributes<{
     getRefs: () => RefValues;
     applyOp: (ops: Op[]) => void;
+    createFilter: () => 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;
     }) => any;

package/dist/index.esm.js

@@ -189,7 +189,7 @@ var SVGIcon = function SVGIcon(_ref) {
 };
 
 var ColumnHeader = function ColumnHeader() {
-  var _refs$globalCache$fre2;
+  var _settings$renderFreez, _refs$globalCache$fre2;
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
@@ -336,7 +336,7 @@ var ColumnHeader = function ColumnHeader() {
     style: {
       left: freezeHandleLeft
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }, settings === null || settings === void 0 ? void 0 : (_settings$renderFreez = settings.renderFreezeCol) === null || _settings$renderFreez === void 0 ? void 0 : _settings$renderFreez.call(settings)), /*#__PURE__*/React.createElement("div", {
     className: "leankylin-cols-change-size",
     ref: colChangeSizeRef,
     id: "leankylin-cols-change-size",
@@ -397,7 +397,7 @@ var ColumnHeader = function ColumnHeader() {
 };
 
 var RowHeader = function RowHeader() {
-  var _refs$globalCache$fre2;
+  var _settings$renderFreez, _refs$globalCache$fre2;
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
@@ -538,7 +538,7 @@ var RowHeader = function RowHeader() {
     style: {
       top: freezeHandleTop
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }, settings === null || settings === void 0 ? void 0 : (_settings$renderFreez = settings.renderFreezeRow) === null || _settings$renderFreez === void 0 ? void 0 : _settings$renderFreez.call(settings)), /*#__PURE__*/React.createElement("div", {
     className: "leankylin-rows-change-size",
     ref: rowChangeSizeRef,
     onMouseDown: onRowSizeHandleMouseDown,
@@ -1655,12 +1655,12 @@ var LinkEditCard = function LinkEditCard(_ref) {
 };
 
 var FilterOptions = function FilterOptions(_ref) {
-  var _refs$globalCache$fre, _refs$globalCache$fre2;
   var getContainer = _ref.getContainer;
   var _useContext = useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
-    refs = _useContext.refs;
+    refs = _useContext.refs,
+    settings = _useContext.settings;
   var filterOptions = context.filterOptions,
     currentSheetId = context.currentSheetId,
     filter = context.filter,
@@ -1710,21 +1710,11 @@ var FilterOptions = function FilterOptions(_ref) {
     frozenColumns = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range = frozen.range) === null || _frozen$range === void 0 ? void 0 : _frozen$range.column_focus) || -1;
     frozenRows = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range2 = frozen.range) === null || _frozen$range2 === void 0 ? void 0 : _frozen$range2.row_focus) || -1;
   }
-  return filterOptions == null ? (/*#__PURE__*/React.createElement("div", null)) : (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    id: "luckysheet-filter-selected-sheet",
-    className: "luckysheet-cell-selected luckysheet-filter-selected",
-    style: _.assign({
-      left: filterOptions.left,
-      width: filterOptions.width,
-      top: filterOptions.top,
-      height: filterOptions.height,
-      display: "block"
-    }, fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.endRow, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]), fixColumnStyleOverflowInFreeze(context, filterOptions.startCol, filterOptions.endCol, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]))
-  }), filterOptions.items.map(function (v, i) {
-    var _refs$globalCache$fre3, _refs$globalCache$fre4;
+  return filterOptions == null ? (/*#__PURE__*/React.createElement("div", null)) : (/*#__PURE__*/React.createElement(React.Fragment, null, filterOptions.items.map(function (v, i) {
+    var _refs$globalCache$fre, _refs$globalCache$fre2;
     var filterParam = filter[i];
-    var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre3 = refs.globalCache.freezen) === null || _refs$globalCache$fre3 === void 0 ? void 0 : _refs$globalCache$fre3[context.currentSheetId]);
-    var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre4 = refs.globalCache.freezen) === null || _refs$globalCache$fre4 === void 0 ? void 0 : _refs$globalCache$fre4[context.currentSheetId]);
+    var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
+    var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
     var col = visibledatacolumn[v.col];
     var col_pre = v.col > 0 ? visibledatacolumn[v.col - 1] : 0;
     var left = v.col <= frozenColumns && columnOverflowFreezeStyle.left ? columnOverflowFreezeStyle.left + col - col_pre - 20 : v.left;
@@ -1733,6 +1723,22 @@ var FilterOptions = function FilterOptions(_ref) {
       left: left,
       top: top
     });
+    if (settings.renderFilter) {
+      return /*#__PURE__*/React.createElement("div", {
+        onMouseDown: function onMouseDown(e) {
+          return e.stopPropagation();
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+        },
+        style: {
+          position: "absolute",
+          left: left,
+          top: top,
+          zIndex: 999
+        }
+      }, settings.renderFilter());
+    }
     return /*#__PURE__*/React.createElement("div", {
       onMouseDown: function onMouseDown(e) {
         return e.stopPropagation();
@@ -9353,6 +9359,11 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
         noHistory: true
       });
     },
+    createFilter: function createFilter$1() {
+      return setContext(function (draftCtx) {
+        return createFilter(draftCtx);
+      });
+    },
     getCellValue: function getCellValue(row, column) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       return api.getCellValue(context, row, column, options);

package/dist/index.js

@@ -199,7 +199,7 @@ var SVGIcon = function SVGIcon(_ref) {
 };
 
 var ColumnHeader = function ColumnHeader() {
-  var _refs$globalCache$fre2;
+  var _settings$renderFreez, _refs$globalCache$fre2;
   var _useContext = React.useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
@@ -346,7 +346,7 @@ var ColumnHeader = function ColumnHeader() {
     style: {
       left: freezeHandleLeft
     }
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, settings === null || settings === void 0 ? void 0 : (_settings$renderFreez = settings.renderFreezeCol) === null || _settings$renderFreez === void 0 ? void 0 : _settings$renderFreez.call(settings)), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "leankylin-cols-change-size",
     ref: colChangeSizeRef,
     id: "leankylin-cols-change-size",
@@ -407,7 +407,7 @@ var ColumnHeader = function ColumnHeader() {
 };
 
 var RowHeader = function RowHeader() {
-  var _refs$globalCache$fre2;
+  var _settings$renderFreez, _refs$globalCache$fre2;
   var _useContext = React.useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
@@ -548,7 +548,7 @@ var RowHeader = function RowHeader() {
     style: {
       top: freezeHandleTop
     }
-  }), /*#__PURE__*/React__default['default'].createElement("div", {
+  }, settings === null || settings === void 0 ? void 0 : (_settings$renderFreez = settings.renderFreezeRow) === null || _settings$renderFreez === void 0 ? void 0 : _settings$renderFreez.call(settings)), /*#__PURE__*/React__default['default'].createElement("div", {
     className: "leankylin-rows-change-size",
     ref: rowChangeSizeRef,
     onMouseDown: onRowSizeHandleMouseDown,
@@ -1665,12 +1665,12 @@ var LinkEditCard = function LinkEditCard(_ref) {
 };
 
 var FilterOptions = function FilterOptions(_ref) {
-  var _refs$globalCache$fre, _refs$globalCache$fre2;
   var getContainer = _ref.getContainer;
   var _useContext = React.useContext(WorkbookContext),
     context = _useContext.context,
     setContext = _useContext.setContext,
-    refs = _useContext.refs;
+    refs = _useContext.refs,
+    settings = _useContext.settings;
   var filterOptions = context.filterOptions,
     currentSheetId = context.currentSheetId,
     filter = context.filter,
@@ -1720,21 +1720,11 @@ var FilterOptions = function FilterOptions(_ref) {
     frozenColumns = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range = frozen.range) === null || _frozen$range === void 0 ? void 0 : _frozen$range.column_focus) || -1;
     frozenRows = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range2 = frozen.range) === null || _frozen$range2 === void 0 ? void 0 : _frozen$range2.row_focus) || -1;
   }
-  return filterOptions == null ? (/*#__PURE__*/React__default['default'].createElement("div", null)) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-    id: "luckysheet-filter-selected-sheet",
-    className: "luckysheet-cell-selected luckysheet-filter-selected",
-    style: ___default['default'].assign({
-      left: filterOptions.left,
-      width: filterOptions.width,
-      top: filterOptions.top,
-      height: filterOptions.height,
-      display: "block"
-    }, core.fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.endRow, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]), core.fixColumnStyleOverflowInFreeze(context, filterOptions.startCol, filterOptions.endCol, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]))
-  }), filterOptions.items.map(function (v, i) {
-    var _refs$globalCache$fre3, _refs$globalCache$fre4;
+  return filterOptions == null ? (/*#__PURE__*/React__default['default'].createElement("div", null)) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, filterOptions.items.map(function (v, i) {
+    var _refs$globalCache$fre, _refs$globalCache$fre2;
     var filterParam = filter[i];
-    var columnOverflowFreezeStyle = core.fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre3 = refs.globalCache.freezen) === null || _refs$globalCache$fre3 === void 0 ? void 0 : _refs$globalCache$fre3[context.currentSheetId]);
-    var rowOverflowFreezeStyle = core.fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre4 = refs.globalCache.freezen) === null || _refs$globalCache$fre4 === void 0 ? void 0 : _refs$globalCache$fre4[context.currentSheetId]);
+    var columnOverflowFreezeStyle = core.fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
+    var rowOverflowFreezeStyle = core.fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
     var col = visibledatacolumn[v.col];
     var col_pre = v.col > 0 ? visibledatacolumn[v.col - 1] : 0;
     var left = v.col <= frozenColumns && columnOverflowFreezeStyle.left ? columnOverflowFreezeStyle.left + col - col_pre - 20 : v.left;
@@ -1743,6 +1733,22 @@ var FilterOptions = function FilterOptions(_ref) {
       left: left,
       top: top
     });
+    if (settings.renderFilter) {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        onMouseDown: function onMouseDown(e) {
+          return e.stopPropagation();
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+        },
+        style: {
+          position: "absolute",
+          left: left,
+          top: top,
+          zIndex: 999
+        }
+      }, settings.renderFilter());
+    }
     return /*#__PURE__*/React__default['default'].createElement("div", {
       onMouseDown: function onMouseDown(e) {
         return e.stopPropagation();
@@ -9363,6 +9369,11 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
         noHistory: true
       });
     },
+    createFilter: function createFilter() {
+      return setContext(function (draftCtx) {
+        return core.createFilter(draftCtx);
+      });
+    },
     getCellValue: function getCellValue(row, column) {
       var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       return core.api.getCellValue(context, row, column, options);

package/dist/index.umd.js

@@ -102473,7 +102473,7 @@
   };
 
   var ColumnHeader = function ColumnHeader() {
-    var _refs$globalCache$fre2;
+    var _settings$renderFreez, _refs$globalCache$fre2;
     var _useContext = React.useContext(WorkbookContext),
       context = _useContext.context,
       setContext = _useContext.setContext,
@@ -102620,7 +102620,7 @@
       style: {
         left: freezeHandleLeft
       }
-    }), /*#__PURE__*/React__default['default'].createElement("div", {
+    }, settings === null || settings === void 0 ? void 0 : (_settings$renderFreez = settings.renderFreezeCol) === null || _settings$renderFreez === void 0 ? void 0 : _settings$renderFreez.call(settings)), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-cols-change-size",
       ref: colChangeSizeRef,
       id: "leankylin-cols-change-size",
@@ -102681,7 +102681,7 @@
   };
 
   var RowHeader = function RowHeader() {
-    var _refs$globalCache$fre2;
+    var _settings$renderFreez, _refs$globalCache$fre2;
     var _useContext = React.useContext(WorkbookContext),
       context = _useContext.context,
       setContext = _useContext.setContext,
@@ -102822,7 +102822,7 @@
       style: {
         top: freezeHandleTop
       }
-    }), /*#__PURE__*/React__default['default'].createElement("div", {
+    }, settings === null || settings === void 0 ? void 0 : (_settings$renderFreez = settings.renderFreezeRow) === null || _settings$renderFreez === void 0 ? void 0 : _settings$renderFreez.call(settings)), /*#__PURE__*/React__default['default'].createElement("div", {
       className: "leankylin-rows-change-size",
       ref: rowChangeSizeRef,
       onMouseDown: onRowSizeHandleMouseDown,
@@ -103939,12 +103939,12 @@
   };
 
   var FilterOptions = function FilterOptions(_ref) {
-    var _refs$globalCache$fre, _refs$globalCache$fre2;
     var getContainer = _ref.getContainer;
     var _useContext = React.useContext(WorkbookContext),
       context = _useContext.context,
       setContext = _useContext.setContext,
-      refs = _useContext.refs;
+      refs = _useContext.refs,
+      settings = _useContext.settings;
     var filterOptions = context.filterOptions,
       currentSheetId = context.currentSheetId,
       filter = context.filter,
@@ -103994,21 +103994,11 @@
       frozenColumns = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range = frozen.range) === null || _frozen$range === void 0 ? void 0 : _frozen$range.column_focus) || -1;
       frozenRows = (frozen === null || frozen === void 0 ? void 0 : (_frozen$range2 = frozen.range) === null || _frozen$range2 === void 0 ? void 0 : _frozen$range2.row_focus) || -1;
     }
-    return filterOptions == null ? (/*#__PURE__*/React__default['default'].createElement("div", null)) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
-      id: "luckysheet-filter-selected-sheet",
-      className: "luckysheet-cell-selected luckysheet-filter-selected",
-      style: lodash.assign({
-        left: filterOptions.left,
-        width: filterOptions.width,
-        top: filterOptions.top,
-        height: filterOptions.height,
-        display: "block"
-      }, fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.endRow, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]), fixColumnStyleOverflowInFreeze(context, filterOptions.startCol, filterOptions.endCol, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]))
-    }), filterOptions.items.map(function (v, i) {
-      var _refs$globalCache$fre3, _refs$globalCache$fre4;
+    return filterOptions == null ? (/*#__PURE__*/React__default['default'].createElement("div", null)) : (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, filterOptions.items.map(function (v, i) {
+      var _refs$globalCache$fre, _refs$globalCache$fre2;
       var filterParam = filter[i];
-      var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre3 = refs.globalCache.freezen) === null || _refs$globalCache$fre3 === void 0 ? void 0 : _refs$globalCache$fre3[context.currentSheetId]);
-      var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre4 = refs.globalCache.freezen) === null || _refs$globalCache$fre4 === void 0 ? void 0 : _refs$globalCache$fre4[context.currentSheetId]);
+      var columnOverflowFreezeStyle = fixColumnStyleOverflowInFreeze(context, i + filterOptions.startCol, i + filterOptions.startCol, (_refs$globalCache$fre = refs.globalCache.freezen) === null || _refs$globalCache$fre === void 0 ? void 0 : _refs$globalCache$fre[context.currentSheetId]);
+      var rowOverflowFreezeStyle = fixRowStyleOverflowInFreeze(context, filterOptions.startRow, filterOptions.startRow, (_refs$globalCache$fre2 = refs.globalCache.freezen) === null || _refs$globalCache$fre2 === void 0 ? void 0 : _refs$globalCache$fre2[context.currentSheetId]);
       var col = visibledatacolumn[v.col];
       var col_pre = v.col > 0 ? visibledatacolumn[v.col - 1] : 0;
       var left = v.col <= frozenColumns && columnOverflowFreezeStyle.left ? columnOverflowFreezeStyle.left + col - col_pre - 20 : v.left;
@@ -104017,6 +104007,22 @@
         left: left,
         top: top
       });
+      if (settings.renderFilter) {
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          onMouseDown: function onMouseDown(e) {
+            return e.stopPropagation();
+          },
+          onClick: function onClick(e) {
+            e.stopPropagation();
+          },
+          style: {
+            position: "absolute",
+            left: left,
+            top: top,
+            zIndex: 999
+          }
+        }, settings.renderFilter());
+      }
       return /*#__PURE__*/React__default['default'].createElement("div", {
         onMouseDown: function onMouseDown(e) {
           return e.stopPropagation();
@@ -111637,6 +111643,11 @@
           noHistory: true
         });
       },
+      createFilter: function createFilter$1() {
+        return setContext(function (draftCtx) {
+          return createFilter(draftCtx);
+        });
+      },
       getCellValue: function getCellValue(row, column) {
         var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
         return index.getCellValue(context, row, column, options);