@blocklet/discuss-kit-ux 2.0.94 → 2.0.96

package/dist/{editor-HBkw1czM.mjs → editor-ksxz55jz.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-Caco31R0.mjs";
 const BlockletEditor = lazy(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

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

@@ -4027,7 +4027,7 @@ function ChannelGroup({ size = "normal", chat, children, ...rest }) {
       }
     ),
     /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", flexDirection: "column", height: "100%", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ jsx(Box$1, { sx: { display: "flex", alignItems: "center" }, lineHeight: 1.5, children: /* @__PURE__ */ jsx(Box$1, { component: "span", sx: { fontWeight: "bold" }, children: chat == null ? void 0 : chat.name }) }),
+      /* @__PURE__ */ jsx(Box$1, { sx: { display: "flex", alignItems: "center" }, lineHeight: 1.5, children: /* @__PURE__ */ jsx(Box$1, { component: "span", sx: { fontWeight: "bold", wordBreak: "break-word" }, children: chat == null ? void 0 : chat.name }) }),
       children && /* @__PURE__ */ jsx(Box$1, { children })
     ] })
   ] });
@@ -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-ksxz55jz.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 }),
@@ -5065,7 +5064,8 @@ function getLineClamp(count) {
     WebkitLineClamp: count,
     WebkitBoxOrient: "vertical",
     overflow: "hidden",
-    lineHeight: 1.5
+    lineHeight: 1.5,
+    wordBreak: "break-word"
   };
 }
 function RoomTitle({ title }) {
@@ -5128,11 +5128,11 @@ function ChatRoom({ chat, inWallet, ...rest }) {
         );
       }
       return /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", width: 1, flex: 1 }, children: [
-        /* @__PURE__ */ jsxs(Box$1, { children: [
+        /* @__PURE__ */ jsxs(Box$1, { sx: { minWidth: 0 }, children: [
           /* @__PURE__ */ jsx(Box$1, { component: "span", sx: { fontSize: 14, fontWeight: "bold", color: "grey.700", ...getLineClamp(1) }, children: chat.name }),
           /* @__PURE__ */ jsx(Box$1, { sx: { fontSize: 12, color: "grey.500", ...getLineClamp(1) }, children: chat.description })
         ] }),
-        /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+        /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", flexShrink: 0, alignItems: "center", gap: 1 }, children: [
           !chat.hasJoined && /* @__PURE__ */ jsx(
             Button,
             {
@@ -5227,7 +5227,6 @@ function ChatRoom({ chat, inWallet, ...rest }) {
             color: "#fff"
           },
           children: [
-            /* @__PURE__ */ jsx(Box$1, { sx: { mb: 0.5, fontSize: 18 }, children: "🚪" }),
             /* @__PURE__ */ jsx(Box$1, { sx: { color: "primary.main", mb: 0.5, fontSize: 13, fontWeight: 500 }, children: t("chat.notYetJoinedTheChannel") }),
             /* @__PURE__ */ jsx(Box$1, { sx: { color: "secondary.main", cursor: "pointer", fontSize: 13 }, onClick: () => joinChannel(chat.id), children: t("chat.joinChannel") })
           ]
@@ -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-Caco31R0.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -3953,7 +3953,7 @@ var __publicField = (obj, key, value) => {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", flexDirection: "column", height: "100%", justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { display: "flex", alignItems: "center" }, lineHeight: 1.5, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { fontWeight: "bold" }, children: chat == null ? void 0 : chat.name }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { display: "flex", alignItems: "center" }, lineHeight: 1.5, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { fontWeight: "bold", wordBreak: "break-word" }, children: chat == null ? void 0 : chat.name }) }),
         children && /* @__PURE__ */ jsxRuntime.jsx(Box, { children })
       ] })
     ] });
@@ -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 }),
@@ -4991,7 +4990,8 @@ var __publicField = (obj, key, value) => {
       WebkitLineClamp: count,
       WebkitBoxOrient: "vertical",
       overflow: "hidden",
-      lineHeight: 1.5
+      lineHeight: 1.5,
+      wordBreak: "break-word"
     };
   }
   function RoomTitle({ title }) {
@@ -5054,11 +5054,11 @@ var __publicField = (obj, key, value) => {
           );
         }
         return /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", width: 1, flex: 1 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { minWidth: 0 }, children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { fontSize: 14, fontWeight: "bold", color: "grey.700", ...getLineClamp(1) }, children: chat.name }),
             /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { fontSize: 12, color: "grey.500", ...getLineClamp(1) }, children: chat.description })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", flexShrink: 0, alignItems: "center", gap: 1 }, children: [
             !chat.hasJoined && /* @__PURE__ */ jsxRuntime.jsx(
               Button,
               {
@@ -5153,7 +5153,6 @@ var __publicField = (obj, key, value) => {
               color: "#fff"
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { mb: 0.5, fontSize: 18 }, children: "🚪" }),
               /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { color: "primary.main", mb: 0.5, fontSize: 13, fontWeight: 500 }, children: t("chat.notYetJoinedTheChannel") }),
               /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { color: "secondary.main", cursor: "pointer", fontSize: 13 }, onClick: () => joinChannel(chat.id), children: t("chat.joinChannel") })
             ]
@@ -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.96",
   "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.96",
+    "@blocklet/labels": "2.0.96",
     "@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": "ee7ea575137f9253ee9292ad6dc3763192118791"
 }