@fileverse-dev/fortune-react 1.3.4-date-format-1 → 1.3.4-viewMode-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,7 @@ var __assign = this && this.__assign || function () {
10
10
  };
11
11
  import React, { useContext, useCallback, useRef, useEffect, useLayoutEffect, useMemo } from "react";
12
12
  import "./index.css";
13
- import { locale, drawArrow, handleCellAreaDoubleClick, handleCellAreaMouseDown, handleContextMenu, handleOverlayMouseMove, handleOverlayMouseUp, selectAll, handleOverlayTouchEnd, handleOverlayTouchStart, createDropCellRange, getCellRowColumn, getCellHyperlink, showLinkCard, onCellsMoveStart, insertRowCol, getSheetIndex, fixRowStyleOverflowInFreeze, fixColumnStyleOverflowInFreeze, handleKeydownForZoom } from "@fileverse-dev/fortune-core";
13
+ import { locale, drawArrow, handleCellAreaDoubleClick, handleCellAreaMouseDown, handleContextMenu, handleOverlayMouseMove, handleOverlayMouseUp, selectAll, handleOverlayTouchEnd, handleOverlayTouchStart, createDropCellRange, getCellRowColumn, getCellHyperlink, showLinkCard, goToLink, isAllowEdit, onCellsMoveStart, insertRowCol, getSheetIndex, fixRowStyleOverflowInFreeze, fixColumnStyleOverflowInFreeze, handleKeydownForZoom } from "@fileverse-dev/fortune-core";
14
14
  import _ from "lodash";
15
15
  import WorkbookContext from "../../context";
16
16
  import ColumnHeader from "./ColumnHeader";
@@ -50,14 +50,23 @@ var SheetOverlay = function SheetOverlay() {
50
50
  var _a;
51
51
  handleCellAreaMouseDown(draftCtx, refs.globalCache, nativeEvent, refs.cellInput.current, refs.cellArea.current, refs.fxInput.current, refs.canvas.current.getContext("2d"));
52
52
  if (!_.isEmpty((_a = draftCtx.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0]) && refs.cellInput.current) {
53
- setTimeout(function () {
54
- var _a;
55
- (_a = refs.cellInput.current) === null || _a === void 0 ? void 0 : _a.focus();
56
- });
53
+ if (!isAllowEdit(draftCtx)) {
54
+ setTimeout(function () {
55
+ var _a;
56
+ (_a = refs.workbookContainer.current) === null || _a === void 0 ? void 0 : _a.focus({
57
+ preventScroll: true
58
+ });
59
+ });
60
+ } else {
61
+ setTimeout(function () {
62
+ var _a;
63
+ (_a = refs.cellInput.current) === null || _a === void 0 ? void 0 : _a.focus();
64
+ });
65
+ }
57
66
  }
58
67
  });
59
68
  }
60
- }, [setContext, refs.globalCache, refs.cellInput, refs.cellArea, refs.fxInput, refs.canvas]);
69
+ }, [setContext, refs.globalCache, refs.cellInput, refs.cellArea, refs.fxInput, refs.canvas, refs.workbookContainer]);
61
70
  var cellAreaContextMenu = useCallback(function (e) {
62
71
  var nativeEvent = e.nativeEvent;
63
72
  setContext(function (draftCtx) {
@@ -67,9 +76,19 @@ var SheetOverlay = function SheetOverlay() {
67
76
  var cellAreaDoubleClick = useCallback(function (e) {
68
77
  var nativeEvent = e.nativeEvent;
69
78
  setContext(function (draftCtx) {
79
+ if (!isAllowEdit(draftCtx)) {
80
+ var rc = getCellRowColumn(draftCtx, nativeEvent, containerRef.current, refs.scrollbarX.current, refs.scrollbarY.current);
81
+ if (rc != null) {
82
+ var link = getCellHyperlink(draftCtx, rc.r, rc.c);
83
+ if (link != null) {
84
+ goToLink(draftCtx, rc.r, rc.c, link.linkType, link.linkAddress, refs.scrollbarX.current, refs.scrollbarY.current);
85
+ return;
86
+ }
87
+ }
88
+ }
70
89
  handleCellAreaDoubleClick(draftCtx, refs.globalCache, settings, nativeEvent, refs.cellArea.current);
71
90
  });
72
- }, [refs.cellArea, refs.globalCache, setContext, settings]);
91
+ }, [refs.cellArea, refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext, settings]);
73
92
  var onLeftTopClick = useCallback(function () {
74
93
  setContext(function (draftCtx) {
75
94
  selectAll(draftCtx);
@@ -726,7 +726,8 @@ var Workbook = /*#__PURE__*/React.forwardRef(function (_a, ref) {
726
726
  }, /*#__PURE__*/React.createElement(ModalProvider, null, /*#__PURE__*/React.createElement("div", {
727
727
  className: "fortune-container",
728
728
  ref: workbookContainer,
729
- onKeyDown: onKeyDown
729
+ onKeyDown: onKeyDown,
730
+ tabIndex: -1
730
731
  }, /*#__PURE__*/React.createElement(SVGDefines, {
731
732
  currency: mergedSettings.currency
732
733
  }), /*#__PURE__*/React.createElement("div", {
@@ -59,14 +59,23 @@ var SheetOverlay = function SheetOverlay() {
59
59
  var _a;
60
60
  (0, _fortuneCore.handleCellAreaMouseDown)(draftCtx, refs.globalCache, nativeEvent, refs.cellInput.current, refs.cellArea.current, refs.fxInput.current, refs.canvas.current.getContext("2d"));
61
61
  if (!_lodash.default.isEmpty((_a = draftCtx.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0]) && refs.cellInput.current) {
62
- setTimeout(function () {
63
- var _a;
64
- (_a = refs.cellInput.current) === null || _a === void 0 ? void 0 : _a.focus();
65
- });
62
+ if (!(0, _fortuneCore.isAllowEdit)(draftCtx)) {
63
+ setTimeout(function () {
64
+ var _a;
65
+ (_a = refs.workbookContainer.current) === null || _a === void 0 ? void 0 : _a.focus({
66
+ preventScroll: true
67
+ });
68
+ });
69
+ } else {
70
+ setTimeout(function () {
71
+ var _a;
72
+ (_a = refs.cellInput.current) === null || _a === void 0 ? void 0 : _a.focus();
73
+ });
74
+ }
66
75
  }
67
76
  });
68
77
  }
69
- }, [setContext, refs.globalCache, refs.cellInput, refs.cellArea, refs.fxInput, refs.canvas]);
78
+ }, [setContext, refs.globalCache, refs.cellInput, refs.cellArea, refs.fxInput, refs.canvas, refs.workbookContainer]);
70
79
  var cellAreaContextMenu = (0, _react.useCallback)(function (e) {
71
80
  var nativeEvent = e.nativeEvent;
72
81
  setContext(function (draftCtx) {
@@ -76,9 +85,19 @@ var SheetOverlay = function SheetOverlay() {
76
85
  var cellAreaDoubleClick = (0, _react.useCallback)(function (e) {
77
86
  var nativeEvent = e.nativeEvent;
78
87
  setContext(function (draftCtx) {
88
+ if (!(0, _fortuneCore.isAllowEdit)(draftCtx)) {
89
+ var rc = (0, _fortuneCore.getCellRowColumn)(draftCtx, nativeEvent, containerRef.current, refs.scrollbarX.current, refs.scrollbarY.current);
90
+ if (rc != null) {
91
+ var link = (0, _fortuneCore.getCellHyperlink)(draftCtx, rc.r, rc.c);
92
+ if (link != null) {
93
+ (0, _fortuneCore.goToLink)(draftCtx, rc.r, rc.c, link.linkType, link.linkAddress, refs.scrollbarX.current, refs.scrollbarY.current);
94
+ return;
95
+ }
96
+ }
97
+ }
79
98
  (0, _fortuneCore.handleCellAreaDoubleClick)(draftCtx, refs.globalCache, settings, nativeEvent, refs.cellArea.current);
80
99
  });
81
- }, [refs.cellArea, refs.globalCache, setContext, settings]);
100
+ }, [refs.cellArea, refs.globalCache, refs.scrollbarX, refs.scrollbarY, setContext, settings]);
82
101
  var onLeftTopClick = (0, _react.useCallback)(function () {
83
102
  setContext(function (draftCtx) {
84
103
  (0, _fortuneCore.selectAll)(draftCtx);
@@ -735,7 +735,8 @@ var Workbook = /*#__PURE__*/_react.default.forwardRef(function (_a, ref) {
735
735
  }, /*#__PURE__*/_react.default.createElement(_modal.ModalProvider, null, /*#__PURE__*/_react.default.createElement("div", {
736
736
  className: "fortune-container",
737
737
  ref: workbookContainer,
738
- onKeyDown: onKeyDown
738
+ onKeyDown: onKeyDown,
739
+ tabIndex: -1
739
740
  }, /*#__PURE__*/_react.default.createElement(_SVGDefines.default, {
740
741
  currency: mergedSettings.currency
741
742
  }), /*#__PURE__*/_react.default.createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fileverse-dev/fortune-react",
3
- "version": "1.3.4-date-format-1",
3
+ "version": "1.3.4-viewMode-1",
4
4
  "main": "lib/index.js",
5
5
  "types": "lib/index.d.ts",
6
6
  "module": "es/index.js",
@@ -16,7 +16,7 @@
16
16
  "tsc": "tsc"
17
17
  },
18
18
  "dependencies": {
19
- "@fileverse-dev/fortune-core": "1.3.4-date-format-1",
19
+ "@fileverse-dev/fortune-core": "1.3.4-viewMode-1",
20
20
  "@fileverse/ui": "5.0.0",
21
21
  "@tippyjs/react": "^4.2.6",
22
22
  "@types/regenerator-runtime": "^0.13.6",