@fileverse-dev/fortune-react 1.0.53 → 1.0.55

package/es/components/SheetTab/index.js

@@ -1,5 +1,6 @@
 import _ from "lodash";
 import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { useMediaQuery } from "usehooks-ts";
 import { updateCell, addSheet } from "@fileverse-dev/fortune-core";
 import WorkbookContext from "../../context";
 import SVGIcon from "../SVGIcon";
@@ -7,6 +8,9 @@ import "./index.css";
 import SheetItem from "./SheetItem";
 import ZoomControl from "../ZoomControl";
 var SheetTab = function SheetTab() {
+  var isMobile = useMediaQuery("(max-width: 780px)", {
+    defaultValue: true
+  });
   var _a = useContext(WorkbookContext),
     context = _a.context,
     setContext = _a.setContext,
@@ -53,11 +57,27 @@ var SheetTab = function SheetTab() {
       setIsShowScrollBtn(tabCurrent.scrollWidth > tabCurrent.clientWidth);
     });
   }, [refs.cellInput, setContext, settings]);
+  var _d = useState(true),
+    showDisclaimer = _d[0],
+    setShowDisclaimer = _d[1];
+  var handleCloseDisclaimer = function handleCloseDisclaimer() {
+    setShowDisclaimer(false);
+    var cornerPlus = document.getElementById("corner-plus");
+    if (cornerPlus) {
+      cornerPlus.style.display = "block";
+    }
+  };
+  useEffect(function () {
+    var cornerPlus = document.getElementById("corner-plus");
+    if (cornerPlus) {
+      cornerPlus.style.display = "none";
+    }
+  }, [isMobile]);
   useEffect(function () {
     var _a;
     (_a = settings.onSheetCountChange) === null || _a === void 0 ? void 0 : _a.call(settings, context.luckysheetfile.length);
   }, [context.luckysheetfile.length]);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", null, showDisclaimer && (/*#__PURE__*/React.createElement("div", {
     className: "w-full",
     id: "denomination-warning",
     style: {
@@ -73,12 +93,18 @@ var SheetTab = function SheetTab() {
       bottom: "31px"
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "max-w-7xl mx-auto px-4 py-1"
+    className: "max-w-7xl mx-auto px-4 py-1 ".concat(isMobile && "w-full flex justify-between")
   }, /*#__PURE__*/React.createElement("p", {
-    className: "text-center text-xsm"
+    className: "".concat(isMobile ? "text-left" : "text-center", " text-xsm")
   }, /*#__PURE__*/React.createElement("span", {
     className: "font-medium"
-  }, "Disclaimer:"), " Prices are not updated in real time and may differ slightly. Updates may be delayed by up to 20 minutes."))), /*#__PURE__*/React.createElement("div", {
+  }, "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", {
+    className: "ml-4 content-center cursor-pointer",
+    style: {
+      alignContent: "center"
+    },
+    onClick: handleCloseDisclaimer
+  }, "Close"))))), /*#__PURE__*/React.createElement("div", {
     className: "luckysheet-sheet-area luckysheet-noselected-text",
     onContextMenu: function onContextMenu(e) {
       return e.preventDefault();

package/lib/components/SheetTab/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _lodash = _interopRequireDefault(require("lodash"));
 var _react = _interopRequireWildcard(require("react"));
+var _usehooksTs = require("usehooks-ts");
 var _fortuneCore = require("@fileverse-dev/fortune-core");
 var _context = _interopRequireDefault(require("../../context"));
 var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
@@ -16,6 +17,9 @@ var _ZoomControl = _interopRequireDefault(require("../ZoomControl"));
 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); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var SheetTab = function SheetTab() {
+  var isMobile = (0, _usehooksTs.useMediaQuery)("(max-width: 780px)", {
+    defaultValue: true
+  });
   var _a = (0, _react.useContext)(_context.default),
     context = _a.context,
     setContext = _a.setContext,
@@ -62,11 +66,27 @@ var SheetTab = function SheetTab() {
       setIsShowScrollBtn(tabCurrent.scrollWidth > tabCurrent.clientWidth);
     });
   }, [refs.cellInput, setContext, settings]);
+  var _d = (0, _react.useState)(true),
+    showDisclaimer = _d[0],
+    setShowDisclaimer = _d[1];
+  var handleCloseDisclaimer = function handleCloseDisclaimer() {
+    setShowDisclaimer(false);
+    var cornerPlus = document.getElementById("corner-plus");
+    if (cornerPlus) {
+      cornerPlus.style.display = "block";
+    }
+  };
+  (0, _react.useEffect)(function () {
+    var cornerPlus = document.getElementById("corner-plus");
+    if (cornerPlus) {
+      cornerPlus.style.display = "none";
+    }
+  }, [isMobile]);
   (0, _react.useEffect)(function () {
     var _a;
     (_a = settings.onSheetCountChange) === null || _a === void 0 ? void 0 : _a.call(settings, context.luckysheetfile.length);
   }, [context.luckysheetfile.length]);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", null, showDisclaimer && (/*#__PURE__*/_react.default.createElement("div", {
     className: "w-full",
     id: "denomination-warning",
     style: {
@@ -82,12 +102,18 @@ var SheetTab = function SheetTab() {
       bottom: "31px"
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "max-w-7xl mx-auto px-4 py-1"
+    className: "max-w-7xl mx-auto px-4 py-1 ".concat(isMobile && "w-full flex justify-between")
   }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "text-center text-xsm"
+    className: "".concat(isMobile ? "text-left" : "text-center", " text-xsm")
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "font-medium"
-  }, "Disclaimer:"), " Prices are not updated in real time and may differ slightly. Updates may be delayed by up to 20 minutes."))), /*#__PURE__*/_react.default.createElement("div", {
+  }, "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", {
+    className: "ml-4 content-center cursor-pointer",
+    style: {
+      alignContent: "center"
+    },
+    onClick: handleCloseDisclaimer
+  }, "Close"))))), /*#__PURE__*/_react.default.createElement("div", {
     className: "luckysheet-sheet-area luckysheet-noselected-text",
     onContextMenu: function onContextMenu(e) {
       return e.preventDefault();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fileverse-dev/fortune-react",
-  "version": "1.0.53",
+  "version": "1.0.55",
   "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.0.53",
+    "@fileverse-dev/fortune-core": "1.0.55",
     "@fileverse/ui": "^4.1.7-patch-16",
     "@tippyjs/react": "^4.2.6",
     "@types/regenerator-runtime": "^0.13.6",