@blocklet/discuss-kit-ux 2.1.39 → 2.1.40

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

@@ -21,6 +21,7 @@ interface CommentsProviderProps {
     renderComments?: CommentsRender;
     renderDonation?: (post: Post) => React.ReactNode;
     renderActions?: (post: Post) => React.ReactNode;
+    renderEditorPlugins?: (post: Post) => React.ReactNode;
 }
 interface State {
     comments: Post[];
@@ -60,8 +61,9 @@ interface CommentsContextValue {
     renderComments?: CommentsRender;
     renderDonation?: (post: Post) => React.ReactNode;
     renderActions?: (post: Post) => React.ReactNode;
+    renderEditorPlugins?: (post: Post) => React.ReactNode;
 }
 export declare const CommentsContext: React.Context<CommentsContextValue>;
 export declare const useCommentsContext: () => CommentsContextValue;
-export declare function CommentsProvider({ target, api, flatView, children, order, autoLoadComments, autoCollapse, allowCopyLink, showProfileCard, interactive, containerRef, renderComments, renderDonation, renderActions, }: CommentsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentsProvider({ target, api, flatView, children, order, autoLoadComments, autoCollapse, allowCopyLink, showProfileCard, interactive, containerRef, renderComments, renderDonation, renderActions, renderEditorPlugins, }: CommentsProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,5 +8,6 @@ export interface CommentProps {
     onLoadMoreReplies: (rootId: string) => void;
     renderDonation?: (post: Post) => React.ReactNode;
     renderActions?: (post: Post) => React.ReactNode;
+    renderEditorPlugins?: (post: Post) => React.ReactNode;
 }
-export default function Comment({ onDelete, onRate, onUnrate, onReply, onContentUpdate, onLoadMoreReplies, renderDonation, renderActions, ...rest }: PostProps & CommentProps): import("react/jsx-runtime").JSX.Element;
+export default function Comment({ onDelete, onRate, onUnrate, onReply, onContentUpdate, onLoadMoreReplies, renderDonation, renderActions, renderEditorPlugins, ...rest }: PostProps & CommentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/posts/post-content.d.ts

@@ -7,6 +7,7 @@ interface Props {
     autoCollapse?: boolean;
     enableHeadingsIdPlugin?: boolean;
     onReady?: () => void;
+    children?: React.ReactNode;
 }
-export default function PostContent({ content, editing, onExitEditing, onSubmit, autoCollapse, enableHeadingsIdPlugin, onReady, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function PostContent({ content, editing, onExitEditing, onSubmit, autoCollapse, enableHeadingsIdPlugin, onReady, children, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -13,6 +13,7 @@ export interface PostProps {
     showProfileCard?: boolean;
     className?: string;
     resolveAuthorInfoAppend?: (post: Post) => React.ReactNode;
+    editorPlugins?: React.ReactNode;
 }
 interface PostContext {
     isAdmin: boolean;
@@ -20,5 +21,5 @@ interface PostContext {
     interactive: boolean;
     post: Post;
 }
-export default function PostComponent({ post, render, renderExtraContent, customMenu, interactive, onContentUpdate, allowCopyLink, autoCollapse, showProfileCard, resolveAuthorInfoAppend, ...rest }: PostProps): import("react/jsx-runtime").JSX.Element;
+export default function PostComponent({ post, render, renderExtraContent, customMenu, interactive, onContentUpdate, allowCopyLink, autoCollapse, showProfileCard, resolveAuthorInfoAppend, editorPlugins, ...rest }: PostProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{editor-Dp_ggY0W.mjs → editor-CcRRm7J6.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-BEQYUvbN.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-DlnrrOY-.mjs";
 const BlockletEditor = lazy(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-BEQYUvbN.mjs → index-DlnrrOY-.mjs}

@@ -54,6 +54,7 @@ import MuiMenuItem from "@mui/material/MenuItem";
 import clsx from "clsx";
 import IconButton$1 from "@mui/material/IconButton";
 import MuiMenu from "@mui/material/Menu";
+import { EditorHolderProvider } from "@blocklet/editor/lib/ext/EditorHolderPlugin";
 import Dialog from "@arcblock/ux/lib/Dialog";
 import orderBy from "lodash/orderBy";
 import Typography from "@mui/material/Typography";
@@ -1568,6 +1569,7 @@ function PostContent({
   autoCollapse,
   enableHeadingsIdPlugin,
   onReady,
+  children,
   ...rest
 }) {
   if (editing && onSubmit) {
@@ -1592,7 +1594,8 @@ function PostContent({
         children: [
           /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
           /* @__PURE__ */ jsx(VideoPathFixerPlugin, {}),
-          /* @__PURE__ */ jsx(CheckboxPlugin, { send: onSubmit })
+          /* @__PURE__ */ jsx(CheckboxPlugin, { send: onSubmit }),
+          children
         ]
       }
     ) });
@@ -1606,7 +1609,8 @@ function PostContent({
       onReady,
       children: [
         /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
-        /* @__PURE__ */ jsx(CheckboxPlugin, { send: onSubmit })
+        /* @__PURE__ */ jsx(CheckboxPlugin, { send: onSubmit }),
+        children
       ]
     }
   ) }) });
@@ -1706,6 +1710,7 @@ function PostComponent({
   autoCollapse,
   showProfileCard,
   resolveAuthorInfoAppend = () => void 0,
+  editorPlugins,
   ...rest
 }) {
   var _a2;
@@ -1811,7 +1816,8 @@ function PostComponent({
             editing,
             onExitEditing: () => setEditing(false),
             onSubmit: (content) => onContentUpdate(post, content),
-            autoCollapse
+            autoCollapse,
+            children: editorPlugins
           },
           editing ? "comment-content" : post.synced || 0
         ) }),
@@ -2371,6 +2377,7 @@ function Comment({
   onLoadMoreReplies,
   renderDonation,
   renderActions,
+  renderEditorPlugins,
   ...rest
 }) {
   const { session } = useSessionContext();
@@ -2469,7 +2476,8 @@ function Comment({
               interactive: rest.interactive,
               resolveAuthorInfoAppend: rest.resolveAuthorInfoAppend,
               renderDonation,
-              renderActions
+              renderActions,
+              renderEditorPlugins
             },
             item.id
           );
@@ -2497,16 +2505,17 @@ function Comment({
     }
     return null;
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(EditorHolderProvider, { children: /* @__PURE__ */ jsx(
     PostComponent,
     {
       ...rest,
       onContentUpdate,
       customMenu,
       render,
-      renderExtraContent
+      renderExtraContent,
+      editorPlugins: renderEditorPlugins == null ? void 0 : renderEditorPlugins(rest.post)
     }
-  );
+  ) });
 }
 const KEY_LS_ORDER = "comment-list-order";
 const getInitialState = (overrides) => ({
@@ -2589,7 +2598,8 @@ function CommentsProvider({
   containerRef,
   renderComments,
   renderDonation,
-  renderActions
+  renderActions,
+  renderEditorPlugins
 }) {
   var _a2;
   const [state, setState] = useSetState(getInitialState(order ? { order } : {}));
@@ -2792,7 +2802,8 @@ function CommentsProvider({
       findById,
       renderComments,
       renderDonation,
-      renderActions
+      renderActions,
+      renderEditorPlugins
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [target, state]
@@ -2900,7 +2911,8 @@ function CommentList(props) {
     api,
     renderComments,
     renderDonation,
-    renderActions
+    renderActions,
+    renderEditorPlugins
   } = useCommentsContext();
   if (highlighted) {
     return /* @__PURE__ */ jsx(SegmentalList, { ...props });
@@ -2921,6 +2933,7 @@ function CommentList(props) {
       interactive,
       renderDonation,
       renderActions,
+      renderEditorPlugins,
       ...restProps
     },
     comment.id
@@ -4721,7 +4734,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-Dp_ggY0W.mjs"));
+const Editor = lazy(() => import("./editor-CcRRm7J6.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),

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, ar, N, am, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-BEQYUvbN.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, ar, N, am, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-DlnrrOY-.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/react-hooks"), 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("@arcblock/ux/lib/Empty"), require("@arcblock/did-connect/lib/Session"), require("semver-compare"), require("@arcblock/bridge"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), 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("react-dom"), require("ufo"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("url-join"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("@blocklet/editor"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@blocklet/editor/lib/ext/BusyPlugin"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("@mui/icons-material/ArrowBackIos"), require("@mui/icons-material/ShortText"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), 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", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/react-hooks", "@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", "@arcblock/ux/lib/Empty", "@arcblock/did-connect/lib/Session", "semver-compare", "@arcblock/bridge", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "ufo", "dayjs", "dayjs/plugin/relativeTime", "url-join", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@blocklet/editor", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@blocklet/editor/lib/ext/BusyPlugin", "@mui/material/TextField", "@mui/icons-material/Add", "@mui/icons-material/ArrowBackIos", "@mui/icons-material/ShortText", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@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.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.reactHooks, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.cmp, global.bridge, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.ufo, global.dayjs, global.relativeTime, global.joinUrl, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.BusyPlugin, global.TextField, global.AddIcon, global.ArrowBackIosIcon, global.ShortTextIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
-})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, reactHooks, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, cmp, bridge, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, ReactDOM, ufo, dayjs, relativeTime, joinUrl, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, BusyPlugin, TextField, AddIcon, ArrowBackIosIcon, ShortTextIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ImageNode, VideoNode) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/react-hooks"), 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("@arcblock/ux/lib/Empty"), require("@arcblock/did-connect/lib/Session"), require("semver-compare"), require("@arcblock/bridge"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@blocklet/editor/lib/ext/EditorHolderPlugin"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("ufo"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("url-join"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("@blocklet/editor"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@blocklet/editor/lib/ext/BusyPlugin"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("@mui/icons-material/ArrowBackIos"), require("@mui/icons-material/ShortText"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), 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", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/react-hooks", "@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", "@arcblock/ux/lib/Empty", "@arcblock/did-connect/lib/Session", "semver-compare", "@arcblock/bridge", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@blocklet/editor/lib/ext/EditorHolderPlugin", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "ufo", "dayjs", "dayjs/plugin/relativeTime", "url-join", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@blocklet/editor", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@blocklet/editor/lib/ext/BusyPlugin", "@mui/material/TextField", "@mui/icons-material/Add", "@mui/icons-material/ArrowBackIos", "@mui/icons-material/ShortText", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@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.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.reactHooks, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.cmp, global.bridge, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.EditorHolderPlugin, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.ufo, global.dayjs, global.relativeTime, global.joinUrl, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.BusyPlugin, global.TextField, global.AddIcon, global.ArrowBackIosIcon, global.ShortTextIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
+})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, reactHooks, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, cmp, bridge, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, EditorHolderPlugin, Dialog, orderBy, Typography, Skeleton, ReactDOM, ufo, dayjs, relativeTime, joinUrl, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, BusyPlugin, TextField, AddIcon, ArrowBackIosIcon, ShortTextIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ImageNode, VideoNode) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -1491,6 +1491,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     autoCollapse,
     enableHeadingsIdPlugin,
     onReady,
+    children,
     ...rest
   }) {
     if (editing && onSubmit) {
@@ -1515,7 +1516,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
             /* @__PURE__ */ jsxRuntime.jsx(VideoPathFixerPlugin, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(CheckboxPlugin, { send: onSubmit })
+            /* @__PURE__ */ jsxRuntime.jsx(CheckboxPlugin, { send: onSubmit }),
+            children
           ]
         }
       ) });
@@ -1529,7 +1531,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         onReady,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(CheckboxPlugin, { send: onSubmit })
+          /* @__PURE__ */ jsxRuntime.jsx(CheckboxPlugin, { send: onSubmit }),
+          children
         ]
       }
     ) }) });
@@ -1629,6 +1632,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     autoCollapse,
     showProfileCard,
     resolveAuthorInfoAppend = () => void 0,
+    editorPlugins,
     ...rest
   }) {
     var _a2;
@@ -1734,7 +1738,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               editing,
               onExitEditing: () => setEditing(false),
               onSubmit: (content) => onContentUpdate(post, content),
-              autoCollapse
+              autoCollapse,
+              children: editorPlugins
             },
             editing ? "comment-content" : post.synced || 0
           ) }),
@@ -2294,6 +2299,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     onLoadMoreReplies,
     renderDonation,
     renderActions,
+    renderEditorPlugins,
     ...rest
   }) {
     const { session } = useSessionContext();
@@ -2392,7 +2398,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 interactive: rest.interactive,
                 resolveAuthorInfoAppend: rest.resolveAuthorInfoAppend,
                 renderDonation,
-                renderActions
+                renderActions,
+                renderEditorPlugins
               },
               item.id
             );
@@ -2420,16 +2427,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       return null;
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(EditorHolderPlugin.EditorHolderProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
       PostComponent,
       {
         ...rest,
         onContentUpdate,
         customMenu,
         render,
-        renderExtraContent
+        renderExtraContent,
+        editorPlugins: renderEditorPlugins == null ? void 0 : renderEditorPlugins(rest.post)
       }
-    );
+    ) });
   }
   const KEY_LS_ORDER = "comment-list-order";
   const getInitialState = (overrides) => ({
@@ -2512,7 +2520,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     containerRef,
     renderComments,
     renderDonation,
-    renderActions
+    renderActions,
+    renderEditorPlugins
   }) {
     var _a2;
     const [state, setState] = ahooks.useSetState(getInitialState(order ? { order } : {}));
@@ -2715,7 +2724,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         findById,
         renderComments,
         renderDonation,
-        renderActions
+        renderActions,
+        renderEditorPlugins
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [target, state]
@@ -2823,7 +2833,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       api,
       renderComments,
       renderDonation,
-      renderActions
+      renderActions,
+      renderEditorPlugins
     } = useCommentsContext();
     if (highlighted) {
       return /* @__PURE__ */ jsxRuntime.jsx(SegmentalList, { ...props });
@@ -2844,6 +2855,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         interactive,
         renderDonation,
         renderActions,
+        renderEditorPlugins,
         ...restProps
       },
       comment.id

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.1.39",
+  "version": "2.1.40",
   "files": [
     "dist"
   ],
@@ -31,6 +31,7 @@
     "ahooks": "^3.8.1",
     "axios": "^0.27.2",
     "dayjs": "^1.11.13",
+    "franc-min": "^6.2.0",
     "js-cookie": "^3.0.5",
     "lexical": "0.13.1",
     "lottie-react": "^2.4.0",
@@ -43,8 +44,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.1.39",
-    "@blocklet/labels": "^2.1.39"
+    "@blocklet/editor": "^2.1.40",
+    "@blocklet/labels": "^2.1.40"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",