@blocklet/discuss-kit-ux 2.0.94 → 2.0.95

package/dist/{editor-HBkw1czM.mjs → editor-Dlj6ZsEf.mjs}

@@ -4,7 +4,7 @@ import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangeP
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
 import { lazy } from "react";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-BPvWJjAI.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-CbxeLaB1.mjs";
 const BlockletEditor = lazy(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-BPvWJjAI.mjs → index-CbxeLaB1.mjs}

@@ -4760,7 +4760,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazy(() => import("./editor-HBkw1czM.mjs"));
+const Editor = lazy(() => import("./editor-Dlj6ZsEf.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -4993,7 +4993,6 @@ function ChatInput({ initialContent, send, onContentChange, onFocusChange }) {
                     onContentChange == null ? void 0 : onContentChange(value);
                   },
                   autoFocus: false,
-                  ignoreInitialChange: false,
                   placeholder: "Jot something down",
                   children: [
                     /* @__PURE__ */ jsx(AutoClearPlugin, { clearKey: lastSent }),
@@ -6078,12 +6077,40 @@ const useBeforeUnloadPrompt = (dirty) => {
     };
   }, [dirty]);
 };
+const useDirtySources = () => {
+  const [state, setState] = useState({});
+  const dirty = Object.values(state).some(Boolean);
+  const markDirty = useCallback(
+    (key) => {
+      setState((prev) => ({ ...prev, [key]: true }));
+    },
+    [setState]
+  );
+  const resetDirty = useCallback(
+    (key) => {
+      setState((prev) => ({ ...prev, [key]: false }));
+    },
+    [setState]
+  );
+  useEffect(() => {
+    const onMarkDirty = (e) => markDirty(e.detail.key);
+    const onReset = (e) => resetDirty(e.detail.key);
+    window.addEventListener("blocklet:markDirty", onMarkDirty);
+    window.addEventListener("blocklet:resetDirty", onReset);
+    return () => {
+      window.removeEventListener("blocklet:markDirty", onMarkDirty);
+      window.removeEventListener("blocklet:resetDirty", onReset);
+    };
+  }, [markDirty, resetDirty]);
+  return { dirty };
+};
 const useDirtyPrompt = () => {
   const { t } = useLocaleContext();
   const [dirty, setDirty, getDirty] = useGetState(false);
   const { confirm } = useConfirm();
   const resetCallbackRef = useRef(null);
   useBeforeUnloadPrompt(dirty);
+  const multiDirtySourceState = useDirtySources();
   const reset = useCallback(
     (callback) => {
       resetCallbackRef.current = callback;
@@ -6115,7 +6142,7 @@ const useDirtyPrompt = () => {
     }
     return true;
   }, [confirm, reset, getDirty, t]);
-  return { dirty, markDirty, reset, check };
+  return { dirty: dirty || multiDirtySourceState.dirty, markDirty, reset, check };
 };
 const DirtyPromptContainer = createContainer(useDirtyPrompt);
 function ConfirmNavigation() {
@@ -6149,7 +6176,8 @@ function ConfirmNavigation() {
       handleCancel: () => {
         var _a2;
         return (_a2 = blocker.reset) == null ? void 0 : _a2.call(blocker);
-      }
+      },
+      sx: { zIndex: 99999 }
     }
   );
 }

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, am, ar, N, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-BPvWJjAI.mjs";
+import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, am, ar, N, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-CbxeLaB1.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -4919,7 +4919,6 @@ var __publicField = (obj, key, value) => {
                       onContentChange == null ? void 0 : onContentChange(value);
                     },
                     autoFocus: false,
-                    ignoreInitialChange: false,
                     placeholder: "Jot something down",
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx(AutoClearPlugin, { clearKey: lastSent }),
@@ -6004,12 +6003,40 @@ var __publicField = (obj, key, value) => {
       };
     }, [dirty]);
   };
+  const useDirtySources = () => {
+    const [state, setState] = react.useState({});
+    const dirty = Object.values(state).some(Boolean);
+    const markDirty = react.useCallback(
+      (key) => {
+        setState((prev) => ({ ...prev, [key]: true }));
+      },
+      [setState]
+    );
+    const resetDirty = react.useCallback(
+      (key) => {
+        setState((prev) => ({ ...prev, [key]: false }));
+      },
+      [setState]
+    );
+    react.useEffect(() => {
+      const onMarkDirty = (e) => markDirty(e.detail.key);
+      const onReset = (e) => resetDirty(e.detail.key);
+      window.addEventListener("blocklet:markDirty", onMarkDirty);
+      window.addEventListener("blocklet:resetDirty", onReset);
+      return () => {
+        window.removeEventListener("blocklet:markDirty", onMarkDirty);
+        window.removeEventListener("blocklet:resetDirty", onReset);
+      };
+    }, [markDirty, resetDirty]);
+    return { dirty };
+  };
   const useDirtyPrompt = () => {
     const { t } = context.useLocaleContext();
     const [dirty, setDirty, getDirty] = ahooks.useGetState(false);
     const { confirm } = useConfirm();
     const resetCallbackRef = react.useRef(null);
     useBeforeUnloadPrompt(dirty);
+    const multiDirtySourceState = useDirtySources();
     const reset = react.useCallback(
       (callback) => {
         resetCallbackRef.current = callback;
@@ -6041,7 +6068,7 @@ var __publicField = (obj, key, value) => {
       }
       return true;
     }, [confirm, reset, getDirty, t]);
-    return { dirty, markDirty, reset, check };
+    return { dirty: dirty || multiDirtySourceState.dirty, markDirty, reset, check };
   };
   const DirtyPromptContainer = unstatedNext.createContainer(useDirtyPrompt);
   function ConfirmNavigation() {
@@ -6075,7 +6102,8 @@ var __publicField = (obj, key, value) => {
         handleCancel: () => {
           var _a2;
           return (_a2 = blocker.reset) == null ? void 0 : _a2.call(blocker);
-        }
+        },
+        sx: { zIndex: 99999 }
       }
     );
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.0.94",
+  "version": "2.0.95",
   "files": [
     "dist"
   ],
@@ -31,8 +31,8 @@
     "@arcblock/bridge": "^2.10.12",
     "@arcblock/react-hooks": "^2.10.12",
     "@arcblock/ws": "^1.18.128",
-    "@blocklet/editor": "2.0.94",
-    "@blocklet/labels": "2.0.94",
+    "@blocklet/editor": "2.0.95",
+    "@blocklet/labels": "2.0.95",
     "@blocklet/uploader": "^0.1.20",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -100,5 +100,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "02ab63096d5ce531d390d4a3e600d4812e212d57"
+  "gitHead": "1a046d557cce0678f2ac833bd314dcdd25872733"
 }