@leankylin-sheet/react 2.0.3 → 2.0.5

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

@@ -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

@@ -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

@@ -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);