@blocklet/discuss-kit-ux 1.5.209 → 1.5.211

package/dist/components/avatars/author-info.d.ts

@@ -7,6 +7,8 @@ interface Props {
     size?: 'sm' | 'normal';
     responsive?: boolean;
     showProfileCard?: boolean;
+    showBadge?: boolean;
+    showDID?: boolean;
 }
-export default function AuthorInfo({ user, createdAt, append, size, responsive, showProfileCard, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AuthorInfo({ user, createdAt, append, size, responsive, showProfileCard, showBadge, showDID, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/input/comment-input.d.ts

@@ -1,6 +1,7 @@
 import { InputProps } from './input';
 interface Props extends Omit<InputProps, 'render'> {
     sendText?: string;
+    allowEmptyContent?: boolean;
 }
-export default function CommentInput({ send, onSuccess, placeholder, sendText, draftKey, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function CommentInput({ allowEmptyContent, send, onSuccess, placeholder, sendText, draftKey, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/posts/comment-list/context.d.ts

@@ -8,6 +8,7 @@ interface CommentsProviderProps {
     children: React.ReactNode;
     order?: Order;
     autoCollapse?: boolean;
+    autoLoadComments?: boolean;
     allowCopyLink?: boolean;
     showProfileCard?: boolean;
     interactive?: boolean;
@@ -50,5 +51,5 @@ interface CommentsContextValue {
 }
 export declare const CommentsContext: import("react").Context<CommentsContextValue>;
 export declare const useCommentsContext: () => CommentsContextValue;
-export declare function CommentsProvider({ target, api, flatView, children, order, autoCollapse, allowCopyLink, showProfileCard, interactive, }: CommentsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentsProvider({ target, api, flatView, children, order, autoLoadComments, autoCollapse, allowCopyLink, showProfileCard, interactive, }: CommentsProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/routes.d.ts

@@ -1,8 +1,10 @@
-declare const pageGroup: "blog" | "discussion" | "doc" | undefined;
+declare const pageGroup: "blog" | "discussion" | "doc" | "bookmark" | undefined;
 export declare const blogPrefix: string;
 export declare const discussionPrefix: string;
 export declare const docPrefix: string;
+export declare const bookmarkPrefix: string;
 export declare const blogPath: (path: string) => any;
 export declare const discussionPath: (path: string) => any;
 export declare const docPath: (path: string) => any;
+export declare const bookmarkPath: (path: string) => any;
 export { pageGroup };

package/dist/{editor-ee6248bc.mjs → editor-64b50636.mjs}

@@ -4,11 +4,12 @@ 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-f1140202.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-b4081082.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";
 import "@arcblock/ux/lib/Theme";
+import "lodash/isNil";
 import "@blocklet/editor/lib/config";
 import "lexical";
 import "@lexical/text";
@@ -24,7 +25,7 @@ import "@mui/material/Alert";
 import "@mui/material/Button";
 import "@arcblock/did-connect/lib/Avatar";
 import "@mui/material/useMediaQuery";
-import "@arcblock/did-connect/lib/Address";
+import "@arcblock/ux/lib/DID";
 import "@mui/material/Tooltip";
 import "@arcblock/ux/lib/RelativeTime";
 import "@mui/material/Chip";
@@ -39,6 +40,7 @@ import "@iconify/react";
 import "react-router-dom";
 import "@mui/material/colors";
 import "@arcblock/did-connect/lib/Session";
+import "@arcblock/did-connect/lib/Address";
 import "@blocklet/editor/lib/ext/CheckboxPlugin";
 import "@mui/material/MenuItem";
 import "clsx";

package/dist/{index-f1140202.mjs → index-b4081082.mjs}

@@ -11,6 +11,7 @@ import { useTheme, ThemeProvider, styled as styled$1 } from "@mui/material/style
 import { useEffect, useRef, lazy, useState, createElement, useContext, isValidElement, Suspense, useMemo, createContext, Fragment as Fragment$1, forwardRef, useCallback } from "react";
 import Box from "@mui/material/Box";
 import { styled } from "@arcblock/ux/lib/Theme";
+import isNil from "lodash/isNil";
 import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/config";
 import { $getRoot, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_LOW, $getSelection } from "lexical";
 import { $isRootTextContentEmpty } from "@lexical/text";
@@ -26,7 +27,7 @@ import Alert from "@mui/material/Alert";
 import Button from "@mui/material/Button";
 import DidAvatar from "@arcblock/did-connect/lib/Avatar";
 import useMediaQuery$1 from "@mui/material/useMediaQuery";
-import DIDAddress from "@arcblock/did-connect/lib/Address";
+import DID from "@arcblock/ux/lib/DID";
 import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
 import UxRelativeTime from "@arcblock/ux/lib/RelativeTime";
 import Chip from "@mui/material/Chip";
@@ -42,6 +43,7 @@ import { Link, useNavigate, useLocation, useSearchParams, unstable_useBlocker }
 import { green } from "@mui/material/colors";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
 import { useTheme as useTheme$1, useMediaQuery, Box as Box$1, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions, DialogContentText, Button as Button$1, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, Badge as Badge$1 } from "@mui/material";
+import DIDAddress from "@arcblock/did-connect/lib/Address";
 import CheckboxPlugin from "@blocklet/editor/lib/ext/CheckboxPlugin";
 import MuiMenuItem from "@mui/material/MenuItem";
 import clsx from "clsx";
@@ -461,7 +463,7 @@ const Input = ({
     const originContent = content;
     try {
       isChanged.current = true;
-      const result = await send(JSON.stringify(content));
+      const result = await send(isNil(content) ? "" : JSON.stringify(content));
       setContent(null);
       if (draftKey) {
         setDraftContent(null);
@@ -521,7 +523,15 @@ const StyledInput = styled$1(Input)`
     margin-top: 4px;
   }
 `;
-function CommentInput({ send, onSuccess, placeholder, sendText, draftKey = "", ...rest }) {
+function CommentInput({
+  allowEmptyContent,
+  send,
+  onSuccess,
+  placeholder,
+  sendText,
+  draftKey = "",
+  ...rest
+}) {
   const { t } = useContext(LocaleContext);
   return /* @__PURE__ */ jsx(
     StyledInput,
@@ -569,7 +579,7 @@ function CommentInput({ send, onSuccess, placeholder, sendText, draftKey = "", .
               /* @__PURE__ */ jsx(Box, { display: "flex", gap: 1, alignItems: "center", children: /* @__PURE__ */ jsx(
                 LoadingButton,
                 {
-                  disabled: !content,
+                  disabled: allowEmptyContent ? false : !content,
                   loading,
                   loadingPosition: "start",
                   startIcon: /* @__PURE__ */ jsx(Send, { sx: { transform: "rotate(-45deg) translateX(3px)" } }),
@@ -932,14 +942,11 @@ function ProfileCard({ user, ...rest }) {
               }
             ),
             /* @__PURE__ */ jsx(
-              DIDAddress,
+              DID,
               {
-                inline: true,
-                responsive: false,
-                compact: false,
-                copyable: false,
-                style: { marginTop: 4, lineHeight: 1, fontSize: 13 },
-                children: user.did
+                style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
+                size: 14,
+                did: user.did
               }
             )
           ] })
@@ -976,13 +983,15 @@ function AuthorInfo({
   size = "normal",
   responsive = false,
   showProfileCard,
+  showBadge = true,
+  showDID = true,
   ...rest
 }) {
   const theme = useTheme();
   const downMd = useMediaQuery$1(theme.breakpoints.down("md"));
   const sm = size === "sm";
   let fontSize = sm ? 12 : 14;
-  let avatarSize = sm ? 32 : 36;
+  let avatarSize = sm ? 32 : 40;
   if (responsive && downMd) {
     fontSize = 12;
     avatarSize = 24;
@@ -999,9 +1008,33 @@ function AuthorInfo({
   };
   const renderAvatar = () => {
     if (showProfileCard) {
-      return /* @__PURE__ */ jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx(Avatar, { did: user.did, src: user.avatar, size: avatarSize, shape: "circle", variant: "circle" }) }) });
+      return /* @__PURE__ */ jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          did: user.did,
+          src: user.avatar,
+          size: avatarSize,
+          shape: "circle",
+          variant: "circle",
+          sx: {
+            width: avatarSize
+          }
+        }
+      ) }) });
     }
-    return /* @__PURE__ */ jsx(Avatar, { did: user.did, src: user.avatar, size: avatarSize, shape: "circle", variant: "circle" });
+    return /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        did: user.did,
+        src: user.avatar,
+        size: avatarSize,
+        shape: "circle",
+        variant: "circle",
+        sx: {
+          width: avatarSize
+        }
+      }
+    );
   };
   const BadgeRender = /* @__PURE__ */ jsx(
     Badge,
@@ -1021,18 +1054,18 @@ function AuthorInfo({
           sx: { display: "flex", alignItems: "center", minHeight: 20, flexWrap: "wrap", lineHeight: 1.5 },
           lineHeight: 1,
           children: [
-            /* @__PURE__ */ jsx("span", { children: user.fullName }),
+            /* @__PURE__ */ jsx("span", { className: "user-fullname", children: user.fullName }),
             createdAt && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Box, { component: "span", display: "inline-block", mx: 0.5, children: "·" }),
               renderTime()
             ] }),
             append,
-            !downMd && BadgeRender
+            showBadge && !downMd && BadgeRender
           ]
         }
       ),
-      downMd && /* @__PURE__ */ jsx(Box, { mt: 0.5, children: BadgeRender }),
-      !(responsive && downMd) && /* @__PURE__ */ jsx(DIDAddress, { inline: true, responsive: false, compact: true, copyable: false, style: { lineHeight: 1, height: 20 }, children: user.did })
+      showBadge && downMd && /* @__PURE__ */ jsx(Box, { mt: 0.5, children: BadgeRender }),
+      showDID && !(responsive && downMd) && /* @__PURE__ */ jsx(DID, { style: { lineHeight: 1.5, minHeight: 20, maxWidth: 250 }, size: 14, did: user.did })
     ] })
   ] });
 }
@@ -1269,6 +1302,13 @@ function PostComponent({
     }
     return /* @__PURE__ */ jsx(RelativeTime, { value: post.createdAt });
   };
+  let systemTip = "";
+  if (post.deletedAt) {
+    systemTip = t("deleted");
+  } else if (!post.content) {
+    systemTip = t("emptyContent");
+  }
+  const showSystemTip = systemTip && !editing;
   return /* @__PURE__ */ jsxs(Root$1, { sx: { position: "relative", mt: 2, py: 1 }, ...rest, children: [
     /* @__PURE__ */ jsxs(Box, { id: post.id, flex: "1", className: clsx({ "post-highlighted": isTargetPost }), children: [
       /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "start", children: [
@@ -1293,18 +1333,7 @@ function PostComponent({
             ]
           }
         ),
-        !post.deletedAt && /* @__PURE__ */ jsx(
-          PostContent,
-          {
-            content: post.content,
-            editing,
-            onExitEditing: () => setEditing(false),
-            onSubmit: (content) => onContentUpdate(post, content),
-            autoCollapse
-          },
-          editing ? "comment-content" : post.synced || 0
-        ),
-        post.deletedAt && /* @__PURE__ */ jsx(
+        showSystemTip && /* @__PURE__ */ jsx(
           Box,
           {
             display: "inline-block",
@@ -1315,9 +1344,20 @@ function PostComponent({
             bgcolor: "grey.100",
             color: "grey.600",
             borderRadius: 1,
-            children: t("deleted")
+            children: systemTip
           }
         ),
+        !showSystemTip && !post.deletedAt && /* @__PURE__ */ jsx(Box, { my: 1, children: /* @__PURE__ */ jsx(
+          PostContent,
+          {
+            content: post.content,
+            editing,
+            onExitEditing: () => setEditing(false),
+            onSubmit: (content) => onContentUpdate(post, content),
+            autoCollapse
+          },
+          editing ? "comment-content" : post.synced || 0
+        ) }),
         render && /* @__PURE__ */ jsx(Box, { sx: { mt: 1 }, children: render(postContext) })
       ] })
     ] }),
@@ -2001,6 +2041,7 @@ function CommentsProvider({
   flatView,
   children,
   order,
+  autoLoadComments = true,
   autoCollapse,
   allowCopyLink,
   showProfileCard,
@@ -2024,6 +2065,10 @@ function CommentsProvider({
   const initialRepliesLimit = -1;
   useEffect(() => {
     const init = async () => {
+      if (!autoLoadComments) {
+        setState({ initialized: true });
+        return;
+      }
       setState({ ...getInitialState(order ? { order } : {}), initialized: false });
       const fetchCommentPosition = () => api.fetchCommentPosition({
         id: highlightedRef.current,
@@ -2573,6 +2618,7 @@ const { pageGroup } = window.blocklet;
 const blogPrefix = pageGroup === "blog" ? "" : "blog";
 const discussionPrefix = pageGroup === "discussion" ? "" : "discussions";
 const docPrefix = pageGroup === "doc" ? "" : "docs";
+const bookmarkPrefix = pageGroup === "bookmark" ? "" : "bookmark";
 const blogPath = (path) => {
   return window.blocklet.pageGroup === "blog" ? path : joinUrl("/blog", path);
 };
@@ -2582,10 +2628,15 @@ const discussionPath = (path) => {
 const docPath = (path) => {
   return window.blocklet.pageGroup === "doc" ? path : joinUrl("/docs", path);
 };
+const bookmarkPath = (path) => {
+  return window.blocklet.pageGroup === "bookmark" ? path : joinUrl("/bookmark", path);
+};
 const routes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   blogPath,
   blogPrefix,
+  bookmarkPath,
+  bookmarkPrefix,
   discussionPath,
   discussionPrefix,
   docPath,
@@ -4345,7 +4396,7 @@ function Pagination({ page, size = 20, total, onChange, routerMode = true, ...re
     }
   );
 }
-const Editor = lazy(() => import("./editor-ee6248bc.mjs"));
+const Editor = lazy(() => import("./editor-64b50636.mjs"));
 function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Skeleton, {}),

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { K, j, N, A, h, a6, B, z, y, E, Q, O, T, W, o, C, q, v, x, _, $, aa, a1, H, J, D, a9, a8, G, c, b, a7, M, P, ah, n, m, a5, R, S, a2, k, X, Z, ab, ae, ad, af, ai, F, aj, l, p, r, t, d, a3, L, e, U, w, a0, a4, u, ag, ak, Y, ac, f } from "./index-f1140202.mjs";
+import { K, j, N, A, h, a6, B, z, y, E, Q, O, T, W, o, C, q, v, x, _, $, aa, a1, H, J, D, a9, a8, G, c, b, a7, M, P, ah, n, m, a5, R, S, a2, k, X, Z, ab, ae, ad, af, ai, F, aj, l, p, r, t, d, a3, L, e, U, w, a0, a4, u, ag, ak, Y, ac, f } from "./index-b4081082.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -11,6 +11,7 @@ import "@arcblock/did-connect/lib/Session";
 import "@mui/material";
 import "@mui/material/styles";
 import "@arcblock/ux/lib/Theme";
+import "lodash/isNil";
 import "@blocklet/editor/lib/config";
 import "lexical";
 import "@lexical/text";
@@ -22,7 +23,7 @@ import "ahooks";
 import "@mui/material/Alert";
 import "@arcblock/did-connect/lib/Avatar";
 import "@mui/material/useMediaQuery";
-import "@arcblock/did-connect/lib/Address";
+import "@arcblock/ux/lib/DID";
 import "@mui/material/Tooltip";
 import "@arcblock/ux/lib/RelativeTime";
 import "@mui/material/Chip";
@@ -36,6 +37,7 @@ import "@mui/icons-material/BrokenImage";
 import "@iconify/react";
 import "react-router-dom";
 import "@mui/material/colors";
+import "@arcblock/did-connect/lib/Address";
 import "@blocklet/editor/lib/ext/CheckboxPlugin";
 import "@mui/material/MenuItem";
 import "clsx";

package/dist/index.umd.js

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("react"), require("@mui/material/Box"), require("@arcblock/ux/lib/Theme"), require("@blocklet/editor/lib/config"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/useMediaQuery"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/Tooltip"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("react-router-dom"), require("@mui/material/colors"), require("@arcblock/did-connect/lib/Session"), require("@mui/material"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("url-join"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("@mui/material/Fab"), require("lodash/debounce"), require("@mui/material/TextField"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("react-dom"), require("js-cookie"), require("@arcblock/ws"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "react", "@mui/material/Box", "@arcblock/ux/lib/Theme", "@blocklet/editor/lib/config", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/useMediaQuery", "@arcblock/did-connect/lib/Address", "@mui/material/Tooltip", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "react-router-dom", "@mui/material/colors", "@arcblock/did-connect/lib/Session", "@mui/material", "@blocklet/editor/lib/ext/CheckboxPlugin", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "url-join", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "@mui/material/Fab", "lodash/debounce", "@mui/material/TextField", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "react-dom", "js-cookie", "@arcblock/ws", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.react, global.Box, global.Theme, global.config, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.Button, global.DidAvatar, global.useMediaQuery, global.DIDAddress, global.Tooltip, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.reactRouterDom, global.colors, global.Session, global.material, global.CheckboxPlugin, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.joinUrl, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.Fab, global.debounce, global.TextField, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.reactDom, global.Cookie, global.ws, global.OnContentChangePlugin, global.ShortcutPlugin, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
-})(this, function(exports2, labels, jsxRuntime, styles, react, Box, Theme, config, LexicalComposerContext, lexical$1, ahooks, LoadingButton, iconsMaterial, context, Alert, Button, DidAvatar, useMediaQuery, DIDAddress, Tooltip, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, reactRouterDom, colors, Session, material, CheckboxPlugin, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, joinUrl, dayjs, relativeTime, mitt, CircularProgress, Fab, debounce, TextField, axios, Toast, MuiPagination, unstatedNext, reactDom, Cookie, ws, OnContentChangePlugin, ShortcutPlugin, SafeAreaPlugin, text, ImageNode, VideoNode) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("react"), require("@mui/material/Box"), require("@arcblock/ux/lib/Theme"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("react-router-dom"), require("@mui/material/colors"), require("@arcblock/did-connect/lib/Session"), require("@mui/material"), require("@arcblock/did-connect/lib/Address"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("url-join"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("@mui/material/Fab"), require("lodash/debounce"), require("@mui/material/TextField"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("react-dom"), require("js-cookie"), require("@arcblock/ws"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "react", "@mui/material/Box", "@arcblock/ux/lib/Theme", "lodash/isNil", "@blocklet/editor/lib/config", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "react-router-dom", "@mui/material/colors", "@arcblock/did-connect/lib/Session", "@mui/material", "@arcblock/did-connect/lib/Address", "@blocklet/editor/lib/ext/CheckboxPlugin", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "url-join", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "@mui/material/Fab", "lodash/debounce", "@mui/material/TextField", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "react-dom", "js-cookie", "@arcblock/ws", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.react, global.Box, global.Theme, global.isNil, global.config, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.Button, global.DidAvatar, global.useMediaQuery, global.DID, global.Tooltip, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.reactRouterDom, global.colors, global.Session, global.material, global.DIDAddress, global.CheckboxPlugin, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.joinUrl, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.Fab, global.debounce, global.TextField, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.reactDom, global.Cookie, global.ws, global.OnContentChangePlugin, global.ShortcutPlugin, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
+})(this, function(exports2, labels, jsxRuntime, styles, react, Box, Theme, isNil, config, LexicalComposerContext, lexical$1, ahooks, LoadingButton, iconsMaterial, context, Alert, Button, DidAvatar, useMediaQuery, DID, Tooltip, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, reactRouterDom, colors, Session, material, DIDAddress, CheckboxPlugin, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, joinUrl, dayjs, relativeTime, mitt, CircularProgress, Fab, debounce, TextField, axios, Toast, MuiPagination, unstatedNext, reactDom, Cookie, ws, OnContentChangePlugin, ShortcutPlugin, SafeAreaPlugin, text, ImageNode, VideoNode) {
   var _a, _b;
   "use strict";
   const themeOverrides = {
@@ -405,7 +405,7 @@ var __publicField = (obj, key, value) => {
       const originContent = content;
       try {
         isChanged.current = true;
-        const result = await send(JSON.stringify(content));
+        const result = await send(isNil(content) ? "" : JSON.stringify(content));
         setContent(null);
         if (draftKey) {
           setDraftContent(null);
@@ -465,7 +465,15 @@ var __publicField = (obj, key, value) => {
     margin-top: 4px;
   }
 `;
-  function CommentInput({ send, onSuccess, placeholder, sendText, draftKey = "", ...rest }) {
+  function CommentInput({
+    allowEmptyContent,
+    send,
+    onSuccess,
+    placeholder,
+    sendText,
+    draftKey = "",
+    ...rest
+  }) {
     const { t } = react.useContext(context.LocaleContext);
     return /* @__PURE__ */ jsxRuntime.jsx(
       StyledInput,
@@ -513,7 +521,7 @@ var __publicField = (obj, key, value) => {
                 /* @__PURE__ */ jsxRuntime.jsx(Box, { display: "flex", gap: 1, alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
                   LoadingButton,
                   {
-                    disabled: !content,
+                    disabled: allowEmptyContent ? false : !content,
                     loading,
                     loadingPosition: "start",
                     startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Send, { sx: { transform: "rotate(-45deg) translateX(3px)" } }),
@@ -876,14 +884,11 @@ var __publicField = (obj, key, value) => {
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                DIDAddress,
+                DID,
                 {
-                  inline: true,
-                  responsive: false,
-                  compact: false,
-                  copyable: false,
-                  style: { marginTop: 4, lineHeight: 1, fontSize: 13 },
-                  children: user.did
+                  style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
+                  size: 14,
+                  did: user.did
                 }
               )
             ] })
@@ -920,13 +925,15 @@ var __publicField = (obj, key, value) => {
     size = "normal",
     responsive = false,
     showProfileCard,
+    showBadge = true,
+    showDID = true,
     ...rest
   }) {
     const theme = styles.useTheme();
     const downMd = useMediaQuery(theme.breakpoints.down("md"));
     const sm = size === "sm";
     let fontSize = sm ? 12 : 14;
-    let avatarSize = sm ? 32 : 36;
+    let avatarSize = sm ? 32 : 40;
     if (responsive && downMd) {
       fontSize = 12;
       avatarSize = 24;
@@ -943,9 +950,33 @@ var __publicField = (obj, key, value) => {
     };
     const renderAvatar = () => {
       if (showProfileCard) {
-        return /* @__PURE__ */ jsxRuntime.jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsxRuntime.jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { did: user.did, src: user.avatar, size: avatarSize, shape: "circle", variant: "circle" }) }) });
+        return /* @__PURE__ */ jsxRuntime.jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsxRuntime.jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Avatar,
+          {
+            did: user.did,
+            src: user.avatar,
+            size: avatarSize,
+            shape: "circle",
+            variant: "circle",
+            sx: {
+              width: avatarSize
+            }
+          }
+        ) }) });
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(Avatar, { did: user.did, src: user.avatar, size: avatarSize, shape: "circle", variant: "circle" });
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Avatar,
+        {
+          did: user.did,
+          src: user.avatar,
+          size: avatarSize,
+          shape: "circle",
+          variant: "circle",
+          sx: {
+            width: avatarSize
+          }
+        }
+      );
     };
     const BadgeRender = /* @__PURE__ */ jsxRuntime.jsx(
       Badge,
@@ -965,18 +996,18 @@ var __publicField = (obj, key, value) => {
             sx: { display: "flex", alignItems: "center", minHeight: 20, flexWrap: "wrap", lineHeight: 1.5 },
             lineHeight: 1,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { children: user.fullName }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "user-fullname", children: user.fullName }),
               createdAt && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", display: "inline-block", mx: 0.5, children: "·" }),
                 renderTime()
               ] }),
               append,
-              !downMd && BadgeRender
+              showBadge && !downMd && BadgeRender
             ]
           }
         ),
-        downMd && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 0.5, children: BadgeRender }),
-        !(responsive && downMd) && /* @__PURE__ */ jsxRuntime.jsx(DIDAddress, { inline: true, responsive: false, compact: true, copyable: false, style: { lineHeight: 1, height: 20 }, children: user.did })
+        showBadge && downMd && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 0.5, children: BadgeRender }),
+        showDID && !(responsive && downMd) && /* @__PURE__ */ jsxRuntime.jsx(DID, { style: { lineHeight: 1.5, minHeight: 20, maxWidth: 250 }, size: 14, did: user.did })
       ] })
     ] });
   }
@@ -1213,6 +1244,13 @@ var __publicField = (obj, key, value) => {
       }
       return /* @__PURE__ */ jsxRuntime.jsx(RelativeTime, { value: post.createdAt });
     };
+    let systemTip = "";
+    if (post.deletedAt) {
+      systemTip = t("deleted");
+    } else if (!post.content) {
+      systemTip = t("emptyContent");
+    }
+    const showSystemTip = systemTip && !editing;
     return /* @__PURE__ */ jsxRuntime.jsxs(Root$2, { sx: { position: "relative", mt: 2, py: 1 }, ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Box, { id: post.id, flex: "1", className: clsx({ "post-highlighted": isTargetPost }), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "start", children: [
@@ -1237,18 +1275,7 @@ var __publicField = (obj, key, value) => {
               ]
             }
           ),
-          !post.deletedAt && /* @__PURE__ */ jsxRuntime.jsx(
-            PostContent,
-            {
-              content: post.content,
-              editing,
-              onExitEditing: () => setEditing(false),
-              onSubmit: (content) => onContentUpdate(post, content),
-              autoCollapse
-            },
-            editing ? "comment-content" : post.synced || 0
-          ),
-          post.deletedAt && /* @__PURE__ */ jsxRuntime.jsx(
+          showSystemTip && /* @__PURE__ */ jsxRuntime.jsx(
             Box,
             {
               display: "inline-block",
@@ -1259,9 +1286,20 @@ var __publicField = (obj, key, value) => {
               bgcolor: "grey.100",
               color: "grey.600",
               borderRadius: 1,
-              children: t("deleted")
+              children: systemTip
             }
           ),
+          !showSystemTip && !post.deletedAt && /* @__PURE__ */ jsxRuntime.jsx(Box, { my: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+            PostContent,
+            {
+              content: post.content,
+              editing,
+              onExitEditing: () => setEditing(false),
+              onSubmit: (content) => onContentUpdate(post, content),
+              autoCollapse
+            },
+            editing ? "comment-content" : post.synced || 0
+          ) }),
           render && /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { mt: 1 }, children: render(postContext) })
         ] })
       ] }),
@@ -1945,6 +1983,7 @@ var __publicField = (obj, key, value) => {
     flatView,
     children,
     order,
+    autoLoadComments = true,
     autoCollapse,
     allowCopyLink,
     showProfileCard,
@@ -1968,6 +2007,10 @@ var __publicField = (obj, key, value) => {
     const initialRepliesLimit = -1;
     react.useEffect(() => {
       const init = async () => {
+        if (!autoLoadComments) {
+          setState({ initialized: true });
+          return;
+        }
         setState({ ...getInitialState(order ? { order } : {}), initialized: false });
         const fetchCommentPosition = () => api.fetchCommentPosition({
           id: highlightedRef.current,
@@ -2517,6 +2560,7 @@ var __publicField = (obj, key, value) => {
   const blogPrefix = pageGroup === "blog" ? "" : "blog";
   const discussionPrefix = pageGroup === "discussion" ? "" : "discussions";
   const docPrefix = pageGroup === "doc" ? "" : "docs";
+  const bookmarkPrefix = pageGroup === "bookmark" ? "" : "bookmark";
   const blogPath = (path) => {
     return window.blocklet.pageGroup === "blog" ? path : joinUrl("/blog", path);
   };
@@ -2526,10 +2570,15 @@ var __publicField = (obj, key, value) => {
   const docPath = (path) => {
     return window.blocklet.pageGroup === "doc" ? path : joinUrl("/docs", path);
   };
+  const bookmarkPath = (path) => {
+    return window.blocklet.pageGroup === "bookmark" ? path : joinUrl("/bookmark", path);
+  };
   const routes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     blogPath,
     blogPrefix,
+    bookmarkPath,
+    bookmarkPrefix,
     discussionPath,
     discussionPrefix,
     docPath,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.5.209",
+  "version": "1.5.211",
   "files": [
     "dist"
   ],
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.103",
-    "@blocklet/editor": "1.5.209",
-    "@blocklet/labels": "1.5.209",
+    "@blocklet/editor": "1.5.211",
+    "@blocklet/labels": "1.5.211",
     "@blocklet/uploader": "^0.0.52",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -92,5 +92,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "f7734c1cdb053fbe76610aac008ce9fe4853d82b"
+  "gitHead": "55c93cea56104840e3d697364c4a93a209989475"
 }