@fileverse-dev/dsheet 0.0.57 → 0.0.58

package/dist/index.es.js

@@ -670,22 +670,42 @@ var vr = g5.exports, gC = { exports: {} };
 var OK = gC.exports;
 const yC = /* @__PURE__ */ R0(OK), PK = ({
   exportDropdownOpen: e = !1,
-  isTemplateOpen: r = !1
+  isTemplateOpen: r = !1,
+  isReadOnly: t = !1,
+  loading: a = !1
 }) => {
   Yt(() => {
-    const t = () => {
-      const o = document.getElementsByClassName("template-button")[0];
-      o && (o.style.backgroundColor = r ? "#FFDE0A" : "");
-    }, a = () => {
-      const o = document.getElementsByClassName("export-button")[0];
-      o && (o.style.backgroundColor = e ? "#FFDE0A" : "");
-    }, n = setInterval(() => {
-      t(), a();
+    const n = () => {
+      const s = document.getElementsByClassName("template-button")[0];
+      s && (s.style.backgroundColor = r ? "#FFDE0A" : "");
+    }, o = () => {
+      const s = document.getElementsByClassName("export-button")[0];
+      s && (s.style.backgroundColor = e ? "#FFDE0A" : "");
+    }, i = setInterval(() => {
+      n(), o();
     }, 300);
     return () => {
-      clearInterval(n);
+      clearInterval(i);
     };
-  }, [e, r]);
+  }, [e, r]), Yt(() => {
+    if (t && a) {
+      const n = document.querySelectorAll(".luckysheet-sheets-item-name"), o = (s) => {
+        for (let u of s)
+          if (u.type === "attributes" && u.attributeName === "contenteditable") {
+            const l = u.target, c = u.oldValue;
+            console.log(`contenteditable changed from '${c}' to '${l.contentEditable}'`), l.contentEditable === "true" && (console.log("Attempted to set contenteditable to true, forcing it to false."), l.contentEditable = "false");
+          }
+      }, i = new MutationObserver(o);
+      n.forEach((s) => {
+        i.observe(s, {
+          attributes: !0,
+          // Watch for changes to attributes
+          attributeOldValue: !0
+          // Track the old value of attributes
+        });
+      });
+    }
+  }, [t, a]);
 }, h3 = "animate-[pulse_2s_ease-in-out_infinite]", qK = (e) => {
   const [r, t] = _t({ width: 0, height: 0 });
   return Yt(() => {
@@ -290101,7 +290121,7 @@ const Mwt = ({
     currentDataRef: y,
     setForceSheetRender: F,
     sheetEditorRef: g
-  }), PK({ exportDropdownOpen: u, isTemplateOpen: s });
+  }), PK({ exportDropdownOpen: u, isTemplateOpen: s, isReadOnly: t, loading: v });
   const w = {
     sheetEditorRef: g,
     currentDataRef: y,
@@ -290118,7 +290138,7 @@ const Mwt = ({
           {
             id: "Navbar",
             className: yC(
-              `h-14 color-bg-default py-2 px-4 flex gap-2 items-center
+              `h-[44px] color-bg-default px-4 flex gap-2 items-center
              justify-between w-screen fixed left-0 top-0 border-b
              color-border-default z-50 transition-transform duration-300`,
               {
@@ -290132,7 +290152,7 @@ const Mwt = ({
         /* @__PURE__ */ vr.jsxs(
           "div",
           {
-            style: { height: "96.4%", marginTop: "56px" },
+            style: { height: "97.8%", marginTop: "44px" },
             className: "relative overflow-hidden",
             children: [
               /* @__PURE__ */ vr.jsx(hC, { show: v, children: /* @__PURE__ */ vr.jsx(GK, { isReadOnly: t }) }),

package/dist/package/hooks/use-document-style.d.ts

@@ -1,4 +1,6 @@
-export declare const useFortuneDocumentStyle: ({ exportDropdownOpen, isTemplateOpen, }: {
+export declare const useFortuneDocumentStyle: ({ exportDropdownOpen, isTemplateOpen, isReadOnly, loading }: {
     exportDropdownOpen: boolean;
     isTemplateOpen: boolean | undefined;
+    isReadOnly: boolean | undefined;
+    loading: boolean;
 }) => void;