@fileverse-dev/fortune-react 1.0.53 → 1.0.54
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.
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _ from "lodash";
|
|
2
2
|
import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
|
|
3
|
+
import { useMediaQuery } from 'usehooks-ts';
|
|
3
4
|
import { updateCell, addSheet } from "@fileverse-dev/fortune-core";
|
|
4
5
|
import WorkbookContext from "../../context";
|
|
5
6
|
import SVGIcon from "../SVGIcon";
|
|
@@ -7,6 +8,9 @@ import "./index.css";
|
|
|
7
8
|
import SheetItem from "./SheetItem";
|
|
8
9
|
import ZoomControl from "../ZoomControl";
|
|
9
10
|
var SheetTab = function SheetTab() {
|
|
11
|
+
var isMobile = useMediaQuery('(max-width: 780px)', {
|
|
12
|
+
defaultValue: true
|
|
13
|
+
});
|
|
10
14
|
var _a = useContext(WorkbookContext),
|
|
11
15
|
context = _a.context,
|
|
12
16
|
setContext = _a.setContext,
|
|
@@ -53,11 +57,29 @@ var SheetTab = function SheetTab() {
|
|
|
53
57
|
setIsShowScrollBtn(tabCurrent.scrollWidth > tabCurrent.clientWidth);
|
|
54
58
|
});
|
|
55
59
|
}, [refs.cellInput, setContext, settings]);
|
|
60
|
+
var _d = useState(true),
|
|
61
|
+
showDisclaimer = _d[0],
|
|
62
|
+
setShowDisclaimer = _d[1];
|
|
63
|
+
var handleCloseDisclaimer = function handleCloseDisclaimer() {
|
|
64
|
+
var _a;
|
|
65
|
+
setShowDisclaimer(false);
|
|
66
|
+
var cornerPlus = document.getElementById("corner-plus");
|
|
67
|
+
if (cornerPlus) {
|
|
68
|
+
((_a = cornerPlus === null || cornerPlus === void 0 ? void 0 : cornerPlus.style) === null || _a === void 0 ? void 0 : _a.display) === "block";
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
useEffect(function () {
|
|
72
|
+
var _a;
|
|
73
|
+
var cornerPlus = document.getElementById("corner-plus");
|
|
74
|
+
if (cornerPlus) {
|
|
75
|
+
((_a = cornerPlus === null || cornerPlus === void 0 ? void 0 : cornerPlus.style) === null || _a === void 0 ? void 0 : _a.display) === "none";
|
|
76
|
+
}
|
|
77
|
+
}, [isMobile]);
|
|
56
78
|
useEffect(function () {
|
|
57
79
|
var _a;
|
|
58
80
|
(_a = settings.onSheetCountChange) === null || _a === void 0 ? void 0 : _a.call(settings, context.luckysheetfile.length);
|
|
59
81
|
}, [context.luckysheetfile.length]);
|
|
60
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
82
|
+
return /*#__PURE__*/React.createElement("div", null, showDisclaimer && /*#__PURE__*/React.createElement("div", {
|
|
61
83
|
className: "w-full",
|
|
62
84
|
id: "denomination-warning",
|
|
63
85
|
style: {
|
|
@@ -73,12 +95,18 @@ var SheetTab = function SheetTab() {
|
|
|
73
95
|
bottom: "31px"
|
|
74
96
|
}
|
|
75
97
|
}, /*#__PURE__*/React.createElement("div", {
|
|
76
|
-
className: "max-w-7xl mx-auto px-4 py-1"
|
|
98
|
+
className: "max-w-7xl mx-auto px-4 py-1 ".concat(isMobile && "w-full flex justify-between")
|
|
77
99
|
}, /*#__PURE__*/React.createElement("p", {
|
|
78
|
-
className: "text-center text-xsm"
|
|
100
|
+
className: "".concat(isMobile ? "text-left" : "text-center", " text-xsm")
|
|
79
101
|
}, /*#__PURE__*/React.createElement("span", {
|
|
80
102
|
className: "font-medium"
|
|
81
|
-
}, "Disclaimer:"), " Prices are not updated in real time and may differ slightly. Updates may be delayed by up to 20 minutes.")
|
|
103
|
+
}, "Disclaimer:"), " Prices are not updated in real time and may differ slightly. Updates may be delayed by up to 20 minutes."), isMobile && /*#__PURE__*/React.createElement("p", {
|
|
104
|
+
className: "ml-4 content-center cursor-pointer",
|
|
105
|
+
style: {
|
|
106
|
+
alignContent: "center"
|
|
107
|
+
},
|
|
108
|
+
onClick: handleCloseDisclaimer
|
|
109
|
+
}, "Close"))), /*#__PURE__*/React.createElement("div", {
|
|
82
110
|
className: "luckysheet-sheet-area luckysheet-noselected-text",
|
|
83
111
|
onContextMenu: function onContextMenu(e) {
|
|
84
112
|
return e.preventDefault();
|
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _usehooksTs = require("usehooks-ts");
|
|
10
11
|
var _fortuneCore = require("@fileverse-dev/fortune-core");
|
|
11
12
|
var _context = _interopRequireDefault(require("../../context"));
|
|
12
13
|
var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
|
|
@@ -16,6 +17,9 @@ var _ZoomControl = _interopRequireDefault(require("../ZoomControl"));
|
|
|
16
17
|
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); }
|
|
17
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
19
|
var SheetTab = function SheetTab() {
|
|
20
|
+
var isMobile = (0, _usehooksTs.useMediaQuery)('(max-width: 780px)', {
|
|
21
|
+
defaultValue: true
|
|
22
|
+
});
|
|
19
23
|
var _a = (0, _react.useContext)(_context.default),
|
|
20
24
|
context = _a.context,
|
|
21
25
|
setContext = _a.setContext,
|
|
@@ -62,11 +66,29 @@ var SheetTab = function SheetTab() {
|
|
|
62
66
|
setIsShowScrollBtn(tabCurrent.scrollWidth > tabCurrent.clientWidth);
|
|
63
67
|
});
|
|
64
68
|
}, [refs.cellInput, setContext, settings]);
|
|
69
|
+
var _d = (0, _react.useState)(true),
|
|
70
|
+
showDisclaimer = _d[0],
|
|
71
|
+
setShowDisclaimer = _d[1];
|
|
72
|
+
var handleCloseDisclaimer = function handleCloseDisclaimer() {
|
|
73
|
+
var _a;
|
|
74
|
+
setShowDisclaimer(false);
|
|
75
|
+
var cornerPlus = document.getElementById("corner-plus");
|
|
76
|
+
if (cornerPlus) {
|
|
77
|
+
((_a = cornerPlus === null || cornerPlus === void 0 ? void 0 : cornerPlus.style) === null || _a === void 0 ? void 0 : _a.display) === "block";
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
(0, _react.useEffect)(function () {
|
|
81
|
+
var _a;
|
|
82
|
+
var cornerPlus = document.getElementById("corner-plus");
|
|
83
|
+
if (cornerPlus) {
|
|
84
|
+
((_a = cornerPlus === null || cornerPlus === void 0 ? void 0 : cornerPlus.style) === null || _a === void 0 ? void 0 : _a.display) === "none";
|
|
85
|
+
}
|
|
86
|
+
}, [isMobile]);
|
|
65
87
|
(0, _react.useEffect)(function () {
|
|
66
88
|
var _a;
|
|
67
89
|
(_a = settings.onSheetCountChange) === null || _a === void 0 ? void 0 : _a.call(settings, context.luckysheetfile.length);
|
|
68
90
|
}, [context.luckysheetfile.length]);
|
|
69
|
-
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
91
|
+
return /*#__PURE__*/_react.default.createElement("div", null, showDisclaimer && /*#__PURE__*/_react.default.createElement("div", {
|
|
70
92
|
className: "w-full",
|
|
71
93
|
id: "denomination-warning",
|
|
72
94
|
style: {
|
|
@@ -82,12 +104,18 @@ var SheetTab = function SheetTab() {
|
|
|
82
104
|
bottom: "31px"
|
|
83
105
|
}
|
|
84
106
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
85
|
-
className: "max-w-7xl mx-auto px-4 py-1"
|
|
107
|
+
className: "max-w-7xl mx-auto px-4 py-1 ".concat(isMobile && "w-full flex justify-between")
|
|
86
108
|
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
87
|
-
className: "text-center text-xsm"
|
|
109
|
+
className: "".concat(isMobile ? "text-left" : "text-center", " text-xsm")
|
|
88
110
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
89
111
|
className: "font-medium"
|
|
90
|
-
}, "Disclaimer:"), " Prices are not updated in real time and may differ slightly. Updates may be delayed by up to 20 minutes.")
|
|
112
|
+
}, "Disclaimer:"), " Prices are not updated in real time and may differ slightly. Updates may be delayed by up to 20 minutes."), isMobile && /*#__PURE__*/_react.default.createElement("p", {
|
|
113
|
+
className: "ml-4 content-center cursor-pointer",
|
|
114
|
+
style: {
|
|
115
|
+
alignContent: "center"
|
|
116
|
+
},
|
|
117
|
+
onClick: handleCloseDisclaimer
|
|
118
|
+
}, "Close"))), /*#__PURE__*/_react.default.createElement("div", {
|
|
91
119
|
className: "luckysheet-sheet-area luckysheet-noselected-text",
|
|
92
120
|
onContextMenu: function onContextMenu(e) {
|
|
93
121
|
return e.preventDefault();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fileverse-dev/fortune-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.54",
|
|
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.0.
|
|
19
|
+
"@fileverse-dev/fortune-core": "1.0.54",
|
|
20
20
|
"@fileverse/ui": "^4.1.7-patch-16",
|
|
21
21
|
"@tippyjs/react": "^4.2.6",
|
|
22
22
|
"@types/regenerator-runtime": "^0.13.6",
|