@fileverse-dev/fortune-react 1.2.64-patch-2 → 1.2.64-patch-4

package/es/components/ConditionFormat/ConditionRules.d.ts

@@ -2,5 +2,6 @@ import React from "react";
 import "./index.css";
 declare const ConditionRules: React.FC<{
     type?: string;
+    context?: any;
 }>;
 export default ConditionRules;

package/es/components/ConditionFormat/ConditionRules.js

@@ -10,7 +10,8 @@ import { getDisplayedRangeTxt } from "../DataVerification/getDisplayedRangeTxt";
 import { injectDatepickerStyles } from "../../utils/datepickerStyles";
 injectDatepickerStyles();
 var ConditionRules = function ConditionRules(_a) {
-  var rulesType = _a.type;
+  var rulesType = _a.type,
+    context = _a.context;
   var _b = useState('greaterThan'),
     type = _b[0],
     setType = _b[1];
@@ -23,21 +24,19 @@ var ConditionRules = function ConditionRules(_a) {
   var _e = useState(null),
     allConditionFormats = _e[0],
     setAllConditionFormats = _e[1];
-  var _f = useContext(WorkbookContext),
-    context = _f.context,
-    setContext = _f.setContext;
+  var setContext = useContext(WorkbookContext).setContext;
   var hideDialog = useDialog().hideDialog;
-  var _g = locale(context),
-    conditionformat = _g.conditionformat,
-    button = _g.button,
-    protection = _g.protection,
-    generalDialog = _g.generalDialog;
-  var _h = useState({
+  var _f = locale(context),
+    conditionformat = _f.conditionformat,
+    button = _f.button,
+    protection = _f.protection,
+    generalDialog = _f.generalDialog;
+  var _g = useState({
       textColor: "#FFFFFF",
       cellColor: "#D82E2A"
     }),
-    colorRules = _h[0],
-    setColorRules = _h[1];
+    colorRules = _g[0],
+    setColorRules = _g[1];
   useEffect(function () {
     var _a, _b, _c, _d;
     var index = getSheetIndex(context, context === null || context === void 0 ? void 0 : context.currentSheetId) || 0;
@@ -115,6 +114,15 @@ var ConditionRules = function ConditionRules(_a) {
     });
     hideDialog();
   }, [colorRules, conditionformat, generalDialog, hideDialog, protection, setContext]);
+  useEffect(function () {
+    console.log("add mouseDown listener", window);
+    window.addEventListener("mouseDown", function (e) {
+      var _a, _b;
+      var selectionColumn = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0].column;
+      var selectionRow = (_b = context.luckysheet_select_save) === null || _b === void 0 ? void 0 : _b[0].row;
+      console.log("mouseDown", selectionColumn, selectionRow, context);
+    });
+  }, [type]);
   useEffect(function () {
     setContext(function (ctx) {
       ctx.conditionRules.rulesType = type;

package/es/components/Toolbar/conditionalFormatPortal.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-declare const ConditionalFormatPortal: ({ visible }: {
+declare const ConditionalFormatPortal: ({ visible, context }: {
     visible: boolean;
+    context: any;
 }) => React.ReactPortal | null;
 export default ConditionalFormatPortal;

package/es/components/Toolbar/conditionalFormatPortal.js

@@ -2,9 +2,12 @@ import React from "react";
 import { createPortal } from "react-dom";
 import ConditionRules from "../ConditionFormat/ConditionRules";
 var ConditionalFormatPortal = function ConditionalFormatPortal(_a) {
-  var visible = _a.visible;
+  var visible = _a.visible,
+    context = _a.context;
   var container = document.getElementById("placeholder-conditional-format");
   if (!visible || !container) return null;
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(ConditionRules, null), container);
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(ConditionRules, {
+    context: context
+  }), container);
 };
 export default ConditionalFormatPortal;

package/es/components/Toolbar/index.js

@@ -1677,6 +1677,9 @@ var Toolbar = function Toolbar(_a) {
       }
     }));
   }, [toolbar, cell, setContext, refs.cellInput, refs.fxInput, refs.globalCache, defaultFormat, align, handleUndo, handleRedo, flowdata, formula, showDuneModal, merge, border, freezen, screenshot, sort, textWrap, rotation, filter, splitText, findAndReplace, context.luckysheet_select_save, context.defaultFontSize, context.allowEdit, comment, fontarray, hideSubMenu, showSubMenu, refs.canvas, customColor, customStyle, toolbarFormat.moreCurrency, (_d = context.dataVerification) === null || _d === void 0 ? void 0 : _d.dataRegulation]);
+  useEffect(function () {
+    console.log("context", context);
+  }, [context]);
   return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
     className: "fortune-toolbar",
@@ -1684,7 +1687,8 @@ var Toolbar = function Toolbar(_a) {
   }, /*#__PURE__*/React.createElement(DataVerificationPortal, {
     visible: showDataValidation
   }), /*#__PURE__*/React.createElement(ConditionalFormatPortal, {
-    visible: showConditionalFormat
+    visible: showConditionalFormat,
+    context: context
   }), /*#__PURE__*/React.createElement("input", {
     id: "fortune-img-upload",
     className: "test-fortune-img-upload",

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

@@ -1198,5 +1198,6 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     getSplitColComponent: () => import("react").FC<{}>;
     getConditionalFormatComponent: () => import("react").FC<{
         type?: string | undefined;
+        context?: any;
     }>;
 };

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

@@ -1205,6 +1205,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     getSplitColComponent: () => React.FC<{}>;
     getConditionalFormatComponent: () => React.FC<{
         type?: string | undefined;
+        context?: any;
     }>;
 }>>;
 export default Workbook;

package/es/components/Workbook/index.js

@@ -34,7 +34,6 @@ import { ModalProvider } from "../../context/modal";
 import FilterMenu from "../ContextMenu/FilterMenu";
 import SheetList from "../SheetList";
 import DunePreview from "../DunePreview/DunePreview";
-import ConditionRules from "../ConditionFormat/ConditionRules";
 enablePatches();
 var triggerGroupValuesRefresh = function triggerGroupValuesRefresh(ctx) {
   if (ctx.groupValuesRefreshData.length > 0) {
@@ -357,7 +356,6 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _e = useState(false),
     show = _e[0],
     setShow = _e[1];
-  var getCond = function getCond() {};
   useEffect(function () {
     if (!_.isEmpty(context.luckysheetfile)) {
       onChange === null || onChange === void 0 ? void 0 : onChange(context.luckysheetfile);
@@ -685,20 +683,7 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }
   return /*#__PURE__*/React.createElement(WorkbookContext.Provider, {
     value: providerValue
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: function onClick() {
-      setShow(!show);
-    }
-  }, "Click"), show && /*#__PURE__*/React.createElement("div", {
-    id: "placeholder-conditional-formatting",
-    style: {
-      width: "500px",
-      height: "500px",
-      position: "fixed",
-      zIndex: "1000",
-      backgroundColor: "white"
-    }
-  }, /*#__PURE__*/React.createElement(ConditionRules, null)), /*#__PURE__*/React.createElement(ModalProvider, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(ModalProvider, null, /*#__PURE__*/React.createElement("div", {
     className: "fortune-container",
     ref: workbookContainer,
     onKeyDown: onKeyDown

package/lib/components/ConditionFormat/ConditionRules.d.ts

@@ -2,5 +2,6 @@ import React from "react";
 import "./index.css";
 declare const ConditionRules: React.FC<{
     type?: string;
+    context?: any;
 }>;
 export default ConditionRules;

package/lib/components/ConditionFormat/ConditionRules.js

@@ -19,7 +19,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 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); }
 (0, _datepickerStyles.injectDatepickerStyles)();
 var ConditionRules = function ConditionRules(_a) {
-  var rulesType = _a.type;
+  var rulesType = _a.type,
+    context = _a.context;
   var _b = (0, _react.useState)('greaterThan'),
     type = _b[0],
     setType = _b[1];
@@ -32,21 +33,19 @@ var ConditionRules = function ConditionRules(_a) {
   var _e = (0, _react.useState)(null),
     allConditionFormats = _e[0],
     setAllConditionFormats = _e[1];
-  var _f = (0, _react.useContext)(_context.default),
-    context = _f.context,
-    setContext = _f.setContext;
+  var setContext = (0, _react.useContext)(_context.default).setContext;
   var hideDialog = (0, _useDialog.useDialog)().hideDialog;
-  var _g = (0, _fortuneCore.locale)(context),
-    conditionformat = _g.conditionformat,
-    button = _g.button,
-    protection = _g.protection,
-    generalDialog = _g.generalDialog;
-  var _h = (0, _react.useState)({
+  var _f = (0, _fortuneCore.locale)(context),
+    conditionformat = _f.conditionformat,
+    button = _f.button,
+    protection = _f.protection,
+    generalDialog = _f.generalDialog;
+  var _g = (0, _react.useState)({
       textColor: "#FFFFFF",
       cellColor: "#D82E2A"
     }),
-    colorRules = _h[0],
-    setColorRules = _h[1];
+    colorRules = _g[0],
+    setColorRules = _g[1];
   (0, _react.useEffect)(function () {
     var _a, _b, _c, _d;
     var index = (0, _fortuneCore.getSheetIndex)(context, context === null || context === void 0 ? void 0 : context.currentSheetId) || 0;
@@ -124,6 +123,15 @@ var ConditionRules = function ConditionRules(_a) {
     });
     hideDialog();
   }, [colorRules, conditionformat, generalDialog, hideDialog, protection, setContext]);
+  (0, _react.useEffect)(function () {
+    console.log("add mouseDown listener", window);
+    window.addEventListener("mouseDown", function (e) {
+      var _a, _b;
+      var selectionColumn = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0].column;
+      var selectionRow = (_b = context.luckysheet_select_save) === null || _b === void 0 ? void 0 : _b[0].row;
+      console.log("mouseDown", selectionColumn, selectionRow, context);
+    });
+  }, [type]);
   (0, _react.useEffect)(function () {
     setContext(function (ctx) {
       ctx.conditionRules.rulesType = type;

package/lib/components/Toolbar/conditionalFormatPortal.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-declare const ConditionalFormatPortal: ({ visible }: {
+declare const ConditionalFormatPortal: ({ visible, context }: {
     visible: boolean;
+    context: any;
 }) => React.ReactPortal | null;
 export default ConditionalFormatPortal;

package/lib/components/Toolbar/conditionalFormatPortal.js

@@ -9,9 +9,12 @@ var _reactDom = require("react-dom");
 var _ConditionRules = _interopRequireDefault(require("../ConditionFormat/ConditionRules"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var ConditionalFormatPortal = function ConditionalFormatPortal(_a) {
-  var visible = _a.visible;
+  var visible = _a.visible,
+    context = _a.context;
   var container = document.getElementById("placeholder-conditional-format");
   if (!visible || !container) return null;
-  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_ConditionRules.default, null), container);
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(_ConditionRules.default, {
+    context: context
+  }), container);
 };
 var _default = exports.default = ConditionalFormatPortal;

package/lib/components/Toolbar/index.js

@@ -1686,6 +1686,9 @@ var Toolbar = function Toolbar(_a) {
       }
     }));
   }, [toolbar, cell, setContext, refs.cellInput, refs.fxInput, refs.globalCache, defaultFormat, align, handleUndo, handleRedo, flowdata, formula, showDuneModal, merge, border, freezen, screenshot, sort, textWrap, rotation, filter, splitText, findAndReplace, context.luckysheet_select_save, context.defaultFontSize, context.allowEdit, comment, fontarray, hideSubMenu, showSubMenu, refs.canvas, customColor, customStyle, toolbarFormat.moreCurrency, (_d = context.dataVerification) === null || _d === void 0 ? void 0 : _d.dataRegulation]);
+  (0, _react.useEffect)(function () {
+    console.log("context", context);
+  }, [context]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     className: "fortune-toolbar",
@@ -1693,7 +1696,8 @@ var Toolbar = function Toolbar(_a) {
   }, /*#__PURE__*/_react.default.createElement(_dataVerificationPortal.default, {
     visible: showDataValidation
   }), /*#__PURE__*/_react.default.createElement(_conditionalFormatPortal.default, {
-    visible: showConditionalFormat
+    visible: showConditionalFormat,
+    context: context
   }), /*#__PURE__*/_react.default.createElement("input", {
     id: "fortune-img-upload",
     className: "test-fortune-img-upload",

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

@@ -1198,5 +1198,6 @@ export declare function generateAPIs(context: Context, setContext: (recipe: (ctx
     getSplitColComponent: () => import("react").FC<{}>;
     getConditionalFormatComponent: () => import("react").FC<{
         type?: string | undefined;
+        context?: any;
     }>;
 };

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

@@ -1205,6 +1205,7 @@ declare const Workbook: React.ForwardRefExoticComponent<Settings & AdditionalPro
     getSplitColComponent: () => React.FC<{}>;
     getConditionalFormatComponent: () => React.FC<{
         type?: string | undefined;
+        context?: any;
     }>;
 }>>;
 export default Workbook;

package/lib/components/Workbook/index.js

@@ -24,7 +24,6 @@ var _modal = require("../../context/modal");
 var _FilterMenu = _interopRequireDefault(require("../ContextMenu/FilterMenu"));
 var _SheetList = _interopRequireDefault(require("../SheetList"));
 var _DunePreview = _interopRequireDefault(require("../DunePreview/DunePreview"));
-var _ConditionRules = _interopRequireDefault(require("../ConditionFormat/ConditionRules"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 __rest = void 0 && (void 0).__rest || function (s, e) {
@@ -366,7 +365,6 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
   var _e = (0, _react.useState)(false),
     show = _e[0],
     setShow = _e[1];
-  var getCond = function getCond() {};
   (0, _react.useEffect)(function () {
     if (!_lodash.default.isEmpty(context.luckysheetfile)) {
       onChange === null || onChange === void 0 ? void 0 : onChange(context.luckysheetfile);
@@ -694,20 +692,7 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
   }
   return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
     value: providerValue
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    onClick: function onClick() {
-      setShow(!show);
-    }
-  }, "Click"), show && /*#__PURE__*/_react.default.createElement("div", {
-    id: "placeholder-conditional-formatting",
-    style: {
-      width: "500px",
-      height: "500px",
-      position: "fixed",
-      zIndex: "1000",
-      backgroundColor: "white"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ConditionRules.default, null)), /*#__PURE__*/_react.default.createElement(_modal.ModalProvider, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_modal.ModalProvider, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "fortune-container",
     ref: workbookContainer,
     onKeyDown: onKeyDown

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.2.64-patch-2",
+  "version": "1.2.64-patch-4",
   "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.2.64-patch-2",
+    "@fileverse-dev/fortune-core": "1.2.64-patch-4",
     "@fileverse/ui": "^4.1.7-patch-40",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",