@blocklet/discuss-kit-ux 2.3.3 → 2.3.4

package/dist/components/posts/comment-icon-button.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps, IconButtonProps } from '@mui/material';
+export declare function CommentIconButton<C extends React.ElementType>({ sx, ...rest }: IconButtonProps<C, {
+    component?: C;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function CommentIconButtonGroup({ children, sx, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/posts/index.d.ts

@@ -4,3 +4,4 @@ export { default as Comment } from './comment';
 export { default as CommentList } from './comment-list/comment-list';
 export { default as Menu } from './menu';
 export * from './comment-list/context';
+export * from './comment-icon-button';

package/dist/{editor-B1h9f4M5.mjs → editor-qLBSztw2.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 { lazyRetry } from "@arcblock/ux/lib/Util";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-DN2G52jl.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-iI300n3e.mjs";
 const BlockletEditor = lazyRetry(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-DN2G52jl.mjs → index-iI300n3e.mjs}

@@ -7,7 +7,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled as styled$2 } from "@mui/material/styles";
 import { create as create$1, styled } from "@arcblock/ux/lib/Theme";
 import { useEffect, useRef, useState, createElement, useContext, useMemo, useLayoutEffect, useCallback, isValidElement, Suspense, createContext, Fragment as Fragment$1, forwardRef, useImperativeHandle } from "react";
-import { Box, useTheme as useTheme$1, useMediaQuery, styled as styled$1, Button as Button$1, Stack as Stack$1, Dialog, DialogTitle, DialogContent, DialogActions, DialogContentText, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Divider, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, Typography as Typography$1, TextField, InputAdornment, SwipeableDrawer, Badge as Badge$1, ToggleButtonGroup, ToggleButton } from "@mui/material";
+import { Box, useTheme as useTheme$1, useMediaQuery, styled as styled$1, Button as Button$1, Stack as Stack$1, Dialog, DialogTitle, DialogContent, DialogActions, DialogContentText, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Divider, IconButton as IconButton$2, Skeleton, InputBase, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, Typography as Typography$1, TextField, InputAdornment, SwipeableDrawer, Badge as Badge$1, ToggleButtonGroup, ToggleButton } from "@mui/material";
 import isNil from "lodash/isNil";
 import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/config";
 import { lazyWithPreload } from "react-lazy-with-preload";
@@ -3060,6 +3060,40 @@ function CommentList(props) {
     ) })
   ] });
 }
+function CommentIconButton({ sx, ...rest }) {
+  const mergedSx = [
+    {
+      svg: {
+        width: "1em",
+        height: "1em",
+        fontSize: 20
+      },
+      "&:hover": {
+        color: "secondary.main"
+      }
+    },
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
+  return /* @__PURE__ */ jsx(IconButton$2, { size: "small", sx: mergedSx, ...rest, disableFocusRipple: true });
+}
+function CommentIconButtonGroup({ children, sx, ...rest }) {
+  const mergedSx = [
+    {
+      display: "flex",
+      alignItems: "center",
+      gap: 2,
+      "& > .MuiIconButton-root:first-child": {
+        ml: "-5px"
+      },
+      // 避免局部 theme 覆盖问题 (如 comment donation 中的 CommentIconButton 会以 donation 局部的 theme palette 为准)
+      ".MuiIconButton-root:hover": {
+        color: "secondary.main"
+      }
+    },
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
+  return /* @__PURE__ */ jsx(Box, { ...rest, sx: mergedSx, children });
+}
 const materialSymbolsUpload = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z" }) });
 const getUploadedImageUrl = (imageUrl, width = 320) => {
   var _a2;
@@ -4899,7 +4933,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", 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", 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 = lazyRetry(() => import("./editor-B1h9f4M5.mjs"));
+const Editor = lazyRetry(() => import("./editor-qLBSztw2.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -12512,76 +12546,78 @@ function SubscriptionPaywall({ type, fetchPaymentLink, ...rest }) {
   );
 }
 export {
-  ChatListInWallet as $,
+  Chat as $,
   Avatar as A,
   Badge as B,
   CommentInput as C,
   DefaultEditorConfigProvider as D,
   useCommentsContext as E,
   CommentsProvider as F,
-  BinaryThumb as G,
-  GithubReaction as H,
+  CommentIconButton as G,
+  CommentIconButtonGroup as H,
   ImagePathFixerPlugin as I,
-  EmptyStatus as J,
-  BlogListWrapper as K,
-  BlogCard as L,
+  BinaryThumb as J,
+  GithubReaction as K,
+  EmptyStatus as L,
   Menu as M,
-  BlogPermaLink as N,
-  getBlogLink as O,
+  BlogListWrapper as N,
+  BlogCard as O,
   Pagination as P,
-  CoverImage as Q,
+  BlogPermaLink as Q,
   RelativeTime as R,
   ScrollableEditorWrapper as S,
-  CoverImageUpload as T,
-  AccessControl as U,
+  getBlogLink as T,
+  CoverImage as U,
   VideoPathFixerPlugin as V,
-  useAuthzContext as W,
-  AuthzProvider as X,
-  ChatClient as Y,
-  Chat as Z,
-  ChatInWallet as _,
+  CoverImageUpload as W,
+  AccessControl as X,
+  useAuthzContext as Y,
+  AuthzProvider as Z,
+  ChatClient as _,
   isEmptyContent as a,
-  ChatHeaderAddon as a0,
-  useChatContext as a1,
-  ChatProvider as a2,
-  UnreadNotificationContext as a3,
-  useUnreadNotification as a4,
-  UnreadNotificationProvider as a5,
-  Confirm as a6,
-  ConfirmContext as a7,
-  useConfirm as a8,
-  ConfirmProvider as a9,
-  useArcSphereDialog as aA,
-  Paywall as aB,
-  SubscriptionPaywall as aC,
-  ProfileCard as aD,
-  ProfileCardTooltip as aE,
-  SecureLabelPicker as aa,
-  useApiErrorHandler as ab,
-  useDefaultApiErrorHandler as ac,
-  DefaultApiErrorHandler as ad,
-  Back as ae,
-  LazyEditor as af,
-  EditorPreview as ag,
-  DirtyPromptContainer as ah,
-  ConfirmNavigation as ai,
-  UploaderContext as aj,
-  useUploader as ak,
-  UploaderTrigger as al,
-  UploaderProvider as am,
-  getUploadedImageUrl as an,
-  usePointUpContext as ao,
-  PointUpProvider as ap,
-  ButtonGroup as aq,
-  SegmentedControl as ar,
-  create as as,
-  getWsClient as at,
-  useSubscription as au,
-  toast as av,
-  isInArcSphere$1 as aw,
-  isInArcSphereDialog as ax,
-  openArcSphereDialog as ay,
-  closeArcSphereDialog as az,
+  ChatInWallet as a0,
+  ChatListInWallet as a1,
+  ChatHeaderAddon as a2,
+  useChatContext as a3,
+  ChatProvider as a4,
+  UnreadNotificationContext as a5,
+  useUnreadNotification as a6,
+  UnreadNotificationProvider as a7,
+  Confirm as a8,
+  ConfirmContext as a9,
+  openArcSphereDialog as aA,
+  closeArcSphereDialog as aB,
+  useArcSphereDialog as aC,
+  Paywall as aD,
+  SubscriptionPaywall as aE,
+  ProfileCard as aF,
+  ProfileCardTooltip as aG,
+  useConfirm as aa,
+  ConfirmProvider as ab,
+  SecureLabelPicker as ac,
+  useApiErrorHandler as ad,
+  useDefaultApiErrorHandler as ae,
+  DefaultApiErrorHandler as af,
+  Back as ag,
+  LazyEditor as ah,
+  EditorPreview as ai,
+  DirtyPromptContainer as aj,
+  ConfirmNavigation as ak,
+  UploaderContext as al,
+  useUploader as am,
+  UploaderTrigger as an,
+  UploaderProvider as ao,
+  getUploadedImageUrl as ap,
+  usePointUpContext as aq,
+  PointUpProvider as ar,
+  ButtonGroup as as,
+  SegmentedControl as at,
+  create as au,
+  getWsClient as av,
+  useSubscription as aw,
+  toast as ax,
+  isInArcSphere$1 as ay,
+  isInArcSphereDialog as az,
   Input as b,
   useChanged as c,
   useSessionContext as d,

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { U, o, X, A, n, ae, B, G, L, K, N, aq, Z, Y, a0, _, $, a2, x, C, y, z, F, a6, a7, ai, a9, Q, T, ad, D, ah, ag, J, H, b, m, af, M, P, aB, ap, w, v, aD, aE, R, S, aa, ar, aC, q, a3, a5, aj, am, al, az, as, O, an, at, aw, ax, l, ay, h, p, r, k, av, t, j, ab, aA, W, c, a1, E, a8, ac, e, u, ao, d, au, a4, ak, f } from "./index-DN2G52jl.mjs";
+import { X, o, Z, A, n, ag, B, J, O, N, Q, as, $, _, a2, a0, a1, a4, x, G, H, C, y, z, F, a8, a9, ak, ab, U, W, af, D, aj, ai, L, K, b, m, ah, M, P, aD, ar, w, v, aF, aG, R, S, ac, at, aE, q, a5, a7, al, ao, an, aB, au, T, ap, av, ay, az, l, aA, h, p, r, k, ax, t, j, ad, aC, Y, c, a3, E, aa, ae, e, u, aq, d, aw, a6, am, f } from "./index-iI300n3e.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -9,93 +9,95 @@ import "@mui/icons-material";
 import "@arcblock/ux/lib/Locale/context";
 import "@mui/material";
 export {
-  U as AccessControl,
+  X as AccessControl,
   o as AuthorInfo,
-  X as AuthzProvider,
+  Z as AuthzProvider,
   A as Avatar,
   n as Avatars,
-  ae as Back,
+  ag as Back,
   B as Badge,
-  G as BinaryThumb,
-  L as BlogCard,
-  K as BlogList,
-  N as BlogPermaLink,
-  aq as ButtonGroup,
-  Z as Chat,
-  Y as ChatClient,
-  a0 as ChatHeaderAddon,
-  _ as ChatInWallet,
-  $ as ChatListInWallet,
-  a2 as ChatProvider,
+  J as BinaryThumb,
+  O as BlogCard,
+  N as BlogList,
+  Q as BlogPermaLink,
+  as as ButtonGroup,
+  $ as Chat,
+  _ as ChatClient,
+  a2 as ChatHeaderAddon,
+  a0 as ChatInWallet,
+  a1 as ChatListInWallet,
+  a4 as ChatProvider,
   x as Comment,
+  G as CommentIconButton,
+  H as CommentIconButtonGroup,
   C as CommentInput,
   y as CommentList,
   z as CommentsContext,
   F as CommentsProvider,
-  a6 as Confirm,
-  a7 as ConfirmContext,
-  ai as ConfirmNavigation,
-  a9 as ConfirmProvider,
-  Q as CoverImage,
-  T as CoverImageUpload,
-  ad as DefaultApiErrorHandler,
+  a8 as Confirm,
+  a9 as ConfirmContext,
+  ak as ConfirmNavigation,
+  ab as ConfirmProvider,
+  U as CoverImage,
+  W as CoverImageUpload,
+  af as DefaultApiErrorHandler,
   D as DefaultEditorConfigProvider,
-  ah as DirtyPromptContainer,
-  ag as EditorPreview,
-  J as EmptyStatus,
-  H as GithubReaction,
+  aj as DirtyPromptContainer,
+  ai as EditorPreview,
+  L as EmptyStatus,
+  K as GithubReaction,
   b as Input,
   m as InternalThemeProvider,
-  af as LazyEditor,
+  ah as LazyEditor,
   M as Menu,
   P as Pagination,
-  aB as Paywall,
-  ap as PointUpProvider,
+  aD as Paywall,
+  ar as PointUpProvider,
   w as Post,
   v as PostContent,
-  aD as ProfileCard,
-  aE as ProfileCardTooltip,
+  aF as ProfileCard,
+  aG as ProfileCardTooltip,
   R as RelativeTime,
   S as ScrollableEditorWrapper,
-  aa as SecureLabelPicker,
-  ar as SegmentedControl,
-  aC as SubscriptionPaywall,
+  ac as SecureLabelPicker,
+  at as SegmentedControl,
+  aE as SubscriptionPaywall,
   q as SystemUser,
-  a3 as UnreadNotificationContext,
-  a5 as UnreadNotificationProvider,
-  aj as UploaderContext,
-  am as UploaderProvider,
-  al as UploaderTrigger,
-  az as closeArcSphereDialog,
-  as as create,
-  O as getBlogLink,
-  an as getUploadedImageUrl,
-  at as getWsClient,
-  aw as isInArcSphere,
-  ax as isInArcSphereDialog,
+  a5 as UnreadNotificationContext,
+  a7 as UnreadNotificationProvider,
+  al as UploaderContext,
+  ao as UploaderProvider,
+  an as UploaderTrigger,
+  aB as closeArcSphereDialog,
+  au as create,
+  T as getBlogLink,
+  ap as getUploadedImageUrl,
+  av as getWsClient,
+  ay as isInArcSphere,
+  az as isInArcSphereDialog,
   l as lexicalUtils,
-  ay as openArcSphereDialog,
+  aA as openArcSphereDialog,
   h as preferences,
   p as preloadInput,
   r as routes,
   k as themeOverrides,
-  av as toast,
+  ax as toast,
   t as translations,
   j as typography,
-  ab as useApiErrorHandler,
-  aA as useArcSphereDialog,
-  W as useAuthzContext,
+  ad as useApiErrorHandler,
+  aC as useArcSphereDialog,
+  Y as useAuthzContext,
   c as useChanged,
-  a1 as useChatContext,
+  a3 as useChatContext,
   E as useCommentsContext,
-  a8 as useConfirm,
-  ac as useDefaultApiErrorHandler,
+  aa as useConfirm,
+  ae as useDefaultApiErrorHandler,
   e as useEventCallback,
   u as useNow,
-  ao as usePointUpContext,
+  aq as usePointUpContext,
   d as useSessionContext,
-  au as useSubscription,
-  a4 as useUnreadNotification,
-  ak as useUploader,
+  aw as useSubscription,
+  a6 as useUnreadNotification,
+  am as useUploader,
   f as utils
 };

package/dist/index.umd.js

@@ -2982,6 +2982,40 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       ) })
     ] });
   }
+  function CommentIconButton({ sx, ...rest }) {
+    const mergedSx = [
+      {
+        svg: {
+          width: "1em",
+          height: "1em",
+          fontSize: 20
+        },
+        "&:hover": {
+          color: "secondary.main"
+        }
+      },
+      ...Array.isArray(sx) ? sx : [sx]
+    ];
+    return /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { size: "small", sx: mergedSx, ...rest, disableFocusRipple: true });
+  }
+  function CommentIconButtonGroup({ children, sx, ...rest }) {
+    const mergedSx = [
+      {
+        display: "flex",
+        alignItems: "center",
+        gap: 2,
+        "& > .MuiIconButton-root:first-child": {
+          ml: "-5px"
+        },
+        // 避免局部 theme 覆盖问题 (如 comment donation 中的 CommentIconButton 会以 donation 局部的 theme palette 为准)
+        ".MuiIconButton-root:hover": {
+          color: "secondary.main"
+        }
+      },
+      ...Array.isArray(sx) ? sx : [sx]
+    ];
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { ...rest, sx: mergedSx, children });
+  }
   const materialSymbolsUpload = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z" }) });
   const getUploadedImageUrl = (imageUrl, width = 320) => {
     var _a2;
@@ -12491,6 +12525,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.ChatListInWallet = ChatListInWallet;
   exports2.ChatProvider = ChatProvider;
   exports2.Comment = Comment;
+  exports2.CommentIconButton = CommentIconButton;
+  exports2.CommentIconButtonGroup = CommentIconButtonGroup;
   exports2.CommentInput = CommentInput;
   exports2.CommentList = CommentList;
   exports2.CommentsContext = CommentsContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "files": [
     "dist"
   ],
@@ -45,8 +45,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.3.3",
-    "@blocklet/labels": "^2.3.3"
+    "@blocklet/editor": "^2.3.4",
+    "@blocklet/labels": "^2.3.4"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",