@blocklet/discuss-kit-ux 1.6.1 → 1.6.3

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

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

package/dist/{editor-6acff851.mjs → editor-c4782500.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-f257cd82.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-c741cc81.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";
@@ -22,6 +22,7 @@ import "@mui/lab/LoadingButton";
 import "@mui/icons-material";
 import "@arcblock/ux/lib/Locale/context";
 import "@mui/material/Alert";
+import "lodash/isBoolean";
 import "@mui/material/Button";
 import "@arcblock/did-connect/lib/Avatar";
 import "@mui/material/useMediaQuery";

package/dist/{index-f257cd82.mjs → index-c741cc81.mjs}

@@ -24,6 +24,7 @@ import LoadingButton from "@mui/lab/LoadingButton";
 import { Send, Save, ChatBubbleOutlineOutlined, MoreVert, AddReactionOutlined, NavigateNext, DeleteOutlineOutlined, ContentCopy, ArrowUpward, ArrowDownward, ArrowBackIos, Add } from "@mui/icons-material";
 import { LocaleContext, useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import Alert from "@mui/material/Alert";
+import isBoolean from "lodash/isBoolean";
 import Button from "@mui/material/Button";
 import DidAvatar from "@arcblock/did-connect/lib/Avatar";
 import useMediaQuery$1 from "@mui/material/useMediaQuery";
@@ -525,11 +526,12 @@ const StyledInput = styled$1(Input)`
   }
 `;
 function CommentInput({
-  allowEmptyContent,
+  disabledSend,
   send,
   onSuccess,
   placeholder,
   sendText,
+  sendIcon,
   draftKey = "",
   ...rest
 }) {
@@ -543,63 +545,65 @@ function CommentInput({
       onSuccess,
       draftKey,
       ...rest,
-      render: ({ submit, content, loading, error, inSmallView }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            position: "absolute",
-            bottom: 0,
-            left: 0,
-            right: 0,
-            p: 1,
-            display: "flex",
-            justifyContent: inSmallView ? "end" : "space-between",
-            alignItems: "end",
-            children: [
-              /* @__PURE__ */ jsxs(
-                Box,
-                {
-                  component: "a",
-                  href: "https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax",
-                  target: "_blank",
-                  sx: {
-                    display: inSmallView ? "none" : "flex",
-                    alignItems: "center",
-                    m: 0,
-                    fontSize: 13,
-                    color: "grey.600",
-                    textDecoration: "none",
-                    "&:hover": { color: "grey.700" }
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center", mr: 0.5, lineHeight: 1 }, children: /* @__PURE__ */ jsx(mdiLanguageMarkdown, { style: { fontSize: 16 } }) }),
-                    /* @__PURE__ */ jsx("span", { children: "Styling with Markdown is supported" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(Box, { display: "flex", gap: 1, alignItems: "center", children: /* @__PURE__ */ jsx(
-                LoadingButton,
-                {
-                  disabled: allowEmptyContent ? false : !content,
-                  loading,
-                  loadingPosition: "start",
-                  startIcon: /* @__PURE__ */ jsx(Send, { sx: { transform: "rotate(-45deg) translateX(3px)" } }),
-                  variant: "contained",
-                  color: "primary",
-                  title: "⌘ Enter",
-                  onClick: submit,
-                  className: "editor-submit-button",
-                  children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "inline-flex", gap: 0.5, fontSize: 12 }, children: [
-                    /* @__PURE__ */ jsx("span", { children: sendText || t("sendComment") }),
-                    /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: inSmallView ? "none" : "inline" }, children: "(⌘ Enter)" })
-                  ] })
-                }
-              ) })
-            ]
-          }
-        ),
-        error && /* @__PURE__ */ jsx(Alert, { severity: "error", children: error })
-      ] })
+      render: ({ submit, content, loading, error, inSmallView }) => {
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            Box,
+            {
+              position: "absolute",
+              bottom: 0,
+              left: 0,
+              right: 0,
+              p: 1,
+              display: "flex",
+              justifyContent: inSmallView ? "end" : "space-between",
+              alignItems: "end",
+              children: [
+                /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    component: "a",
+                    href: "https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax",
+                    target: "_blank",
+                    sx: {
+                      display: inSmallView ? "none" : "flex",
+                      alignItems: "center",
+                      m: 0,
+                      fontSize: 13,
+                      color: "grey.600",
+                      textDecoration: "none",
+                      "&:hover": { color: "grey.700" }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center", mr: 0.5, lineHeight: 1 }, children: /* @__PURE__ */ jsx(mdiLanguageMarkdown, { style: { fontSize: 16 } }) }),
+                      /* @__PURE__ */ jsx("span", { children: "Styling with Markdown is supported" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(Box, { display: "flex", gap: 1, alignItems: "center", children: /* @__PURE__ */ jsx(
+                  LoadingButton,
+                  {
+                    disabled: isBoolean(disabledSend) ? disabledSend : !content,
+                    loading,
+                    loadingPosition: "start",
+                    startIcon: sendIcon || /* @__PURE__ */ jsx(Send, { sx: { transform: "rotate(-45deg) translateX(3px)" } }),
+                    variant: "contained",
+                    color: "primary",
+                    title: "⌘ Enter",
+                    onClick: submit,
+                    className: "editor-submit-button",
+                    children: /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "inline-flex", gap: 0.5, fontSize: 12 }, children: [
+                      /* @__PURE__ */ jsx("span", { children: sendText || t("sendComment") }),
+                      /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: inSmallView ? "none" : "inline" }, children: "(⌘ Enter)" })
+                    ] })
+                  }
+                ) })
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ jsx(Alert, { severity: "error", children: error })
+        ] });
+      }
     }
   );
 }
@@ -1012,8 +1016,8 @@ function AuthorInfo({
       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,
+          did: user == null ? void 0 : user.did,
+          src: user == null ? void 0 : user.avatar,
           size: avatarSize,
           shape: "circle",
           variant: "circle",
@@ -1026,8 +1030,8 @@ function AuthorInfo({
     return /* @__PURE__ */ jsx(
       Avatar,
       {
-        did: user.did,
-        src: user.avatar,
+        did: user == null ? void 0 : user.did,
+        src: user == null ? void 0 : user.avatar,
         size: avatarSize,
         shape: "circle",
         variant: "circle",
@@ -1041,9 +1045,9 @@ function AuthorInfo({
     Badge,
     {
       startComponent: !downMd && /* @__PURE__ */ jsx(Box, { component: "span", display: "inline-block", mx: 0.5 }, "dot"),
-      passports: user.passports || [],
-      pointInfo: user.pointInfo || {},
-      did: user.did
+      passports: (user == null ? void 0 : user.passports) || [],
+      pointInfo: (user == null ? void 0 : user.pointInfo) || {},
+      did: user == null ? void 0 : user.did
     }
   );
   return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, fontSize }, ...rest, children: [
@@ -1055,7 +1059,7 @@ function AuthorInfo({
           sx: { display: "flex", alignItems: "center", minHeight: 20, flexWrap: "wrap", lineHeight: 1.5 },
           lineHeight: 1,
           children: [
-            /* @__PURE__ */ jsx("span", { className: "user-fullname", children: user.fullName }),
+            /* @__PURE__ */ jsx("span", { className: "user-fullname", children: user == null ? void 0 : user.fullName }),
             createdAt && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Box, { component: "span", display: "inline-block", mx: 0.5, children: "·" }),
               renderTime()
@@ -1066,7 +1070,7 @@ function AuthorInfo({
         }
       ),
       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 })
+      showDID && !(responsive && downMd) && /* @__PURE__ */ jsx(DID, { style: { lineHeight: 1.5, minHeight: 20, maxWidth: 250 }, size: 14, did: user == null ? void 0 : user.did })
     ] })
   ] });
 }
@@ -2477,6 +2481,7 @@ function CoverImage({
   ...rest
 }) {
   const [loaded, setLoaded] = useState(false);
+  const [errored, setErrored] = useState(false);
   return /* @__PURE__ */ jsxs(
     Box$1,
     {
@@ -2526,10 +2531,11 @@ function CoverImage({
               visibility: loaded ? "visible" : "hidden"
             },
             alt: "cover",
-            onLoad: () => setLoaded(true)
+            onLoad: () => setLoaded(true),
+            onError: () => setErrored(true)
           }
         ),
-        !url && /* @__PURE__ */ jsx(
+        (!url || errored) && /* @__PURE__ */ jsx(
           Box$1,
           {
             sx: {
@@ -4395,7 +4401,7 @@ function Pagination({ page, size = 20, total, onChange, routerMode = true, ...re
     }
   );
 }
-const Editor = lazy(() => import("./editor-6acff851.mjs"));
+const Editor = lazy(() => import("./editor-c4782500.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-f257cd82.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-c741cc81.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -21,6 +21,7 @@ import "@blocklet/editor/lib/main/nodes/ImageNode";
 import "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
 import "ahooks";
 import "@mui/material/Alert";
+import "lodash/isBoolean";
 import "@arcblock/did-connect/lib/Avatar";
 import "@mui/material/useMediaQuery";
 import "@arcblock/ux/lib/DID";

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("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) {
+  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("lodash/isBoolean"), 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", "lodash/isBoolean", "@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.isBoolean, 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, isBoolean, 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 = {
@@ -467,11 +467,12 @@ var __publicField = (obj, key, value) => {
   }
 `;
   function CommentInput({
-    allowEmptyContent,
+    disabledSend,
     send,
     onSuccess,
     placeholder,
     sendText,
+    sendIcon,
     draftKey = "",
     ...rest
   }) {
@@ -485,63 +486,65 @@ var __publicField = (obj, key, value) => {
         onSuccess,
         draftKey,
         ...rest,
-        render: ({ submit, content, loading, error, inSmallView }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            Box,
-            {
-              position: "absolute",
-              bottom: 0,
-              left: 0,
-              right: 0,
-              p: 1,
-              display: "flex",
-              justifyContent: inSmallView ? "end" : "space-between",
-              alignItems: "end",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  Box,
-                  {
-                    component: "a",
-                    href: "https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax",
-                    target: "_blank",
-                    sx: {
-                      display: inSmallView ? "none" : "flex",
-                      alignItems: "center",
-                      m: 0,
-                      fontSize: 13,
-                      color: "grey.600",
-                      textDecoration: "none",
-                      "&:hover": { color: "grey.700" }
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center", mr: 0.5, lineHeight: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(mdiLanguageMarkdown, { style: { fontSize: 16 } }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Styling with Markdown is supported" })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(Box, { display: "flex", gap: 1, alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  LoadingButton,
-                  {
-                    disabled: allowEmptyContent ? false : !content,
-                    loading,
-                    loadingPosition: "start",
-                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Send, { sx: { transform: "rotate(-45deg) translateX(3px)" } }),
-                    variant: "contained",
-                    color: "primary",
-                    title: "⌘ Enter",
-                    onClick: submit,
-                    className: "editor-submit-button",
-                    children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", sx: { display: "inline-flex", gap: 0.5, fontSize: 12 }, children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: sendText || t("sendComment") }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { display: inSmallView ? "none" : "inline" }, children: "(⌘ Enter)" })
-                    ] })
-                  }
-                ) })
-              ]
-            }
-          ),
-          error && /* @__PURE__ */ jsxRuntime.jsx(Alert, { severity: "error", children: error })
-        ] })
+        render: ({ submit, content, loading, error, inSmallView }) => {
+          return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              Box,
+              {
+                position: "absolute",
+                bottom: 0,
+                left: 0,
+                right: 0,
+                p: 1,
+                display: "flex",
+                justifyContent: inSmallView ? "end" : "space-between",
+                alignItems: "end",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    Box,
+                    {
+                      component: "a",
+                      href: "https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax",
+                      target: "_blank",
+                      sx: {
+                        display: inSmallView ? "none" : "flex",
+                        alignItems: "center",
+                        m: 0,
+                        fontSize: 13,
+                        color: "grey.600",
+                        textDecoration: "none",
+                        "&:hover": { color: "grey.700" }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center", mr: 0.5, lineHeight: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(mdiLanguageMarkdown, { style: { fontSize: 16 } }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Styling with Markdown is supported" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(Box, { display: "flex", gap: 1, alignItems: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    LoadingButton,
+                    {
+                      disabled: isBoolean(disabledSend) ? disabledSend : !content,
+                      loading,
+                      loadingPosition: "start",
+                      startIcon: sendIcon || /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Send, { sx: { transform: "rotate(-45deg) translateX(3px)" } }),
+                      variant: "contained",
+                      color: "primary",
+                      title: "⌘ Enter",
+                      onClick: submit,
+                      className: "editor-submit-button",
+                      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", sx: { display: "inline-flex", gap: 0.5, fontSize: 12 }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: sendText || t("sendComment") }),
+                        /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { display: inSmallView ? "none" : "inline" }, children: "(⌘ Enter)" })
+                      ] })
+                    }
+                  ) })
+                ]
+              }
+            ),
+            error && /* @__PURE__ */ jsxRuntime.jsx(Alert, { severity: "error", children: error })
+          ] });
+        }
       }
     );
   }
@@ -954,8 +957,8 @@ var __publicField = (obj, key, value) => {
         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,
+            did: user == null ? void 0 : user.did,
+            src: user == null ? void 0 : user.avatar,
             size: avatarSize,
             shape: "circle",
             variant: "circle",
@@ -968,8 +971,8 @@ var __publicField = (obj, key, value) => {
       return /* @__PURE__ */ jsxRuntime.jsx(
         Avatar,
         {
-          did: user.did,
-          src: user.avatar,
+          did: user == null ? void 0 : user.did,
+          src: user == null ? void 0 : user.avatar,
           size: avatarSize,
           shape: "circle",
           variant: "circle",
@@ -983,9 +986,9 @@ var __publicField = (obj, key, value) => {
       Badge,
       {
         startComponent: !downMd && /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", display: "inline-block", mx: 0.5 }, "dot"),
-        passports: user.passports || [],
-        pointInfo: user.pointInfo || {},
-        did: user.did
+        passports: (user == null ? void 0 : user.passports) || [],
+        pointInfo: (user == null ? void 0 : user.pointInfo) || {},
+        did: user == null ? void 0 : user.did
       }
     );
     return /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, fontSize }, ...rest, children: [
@@ -997,7 +1000,7 @@ var __publicField = (obj, key, value) => {
             sx: { display: "flex", alignItems: "center", minHeight: 20, flexWrap: "wrap", lineHeight: 1.5 },
             lineHeight: 1,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "user-fullname", children: user.fullName }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "user-fullname", children: user == null ? void 0 : user.fullName }),
               createdAt && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", display: "inline-block", mx: 0.5, children: "·" }),
                 renderTime()
@@ -1008,7 +1011,7 @@ var __publicField = (obj, key, value) => {
           }
         ),
         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 })
+        showDID && !(responsive && downMd) && /* @__PURE__ */ jsxRuntime.jsx(DID, { style: { lineHeight: 1.5, minHeight: 20, maxWidth: 250 }, size: 14, did: user == null ? void 0 : user.did })
       ] })
     ] });
   }
@@ -2419,6 +2422,7 @@ var __publicField = (obj, key, value) => {
     ...rest
   }) {
     const [loaded, setLoaded] = react.useState(false);
+    const [errored, setErrored] = react.useState(false);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       material.Box,
       {
@@ -2468,10 +2472,11 @@ var __publicField = (obj, key, value) => {
                 visibility: loaded ? "visible" : "hidden"
               },
               alt: "cover",
-              onLoad: () => setLoaded(true)
+              onLoad: () => setLoaded(true),
+              onError: () => setErrored(true)
             }
           ),
-          !url && /* @__PURE__ */ jsxRuntime.jsx(
+          (!url || errored) && /* @__PURE__ */ jsxRuntime.jsx(
             material.Box,
             {
               sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "files": [
     "dist"
   ],
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.103",
-    "@blocklet/editor": "1.6.1",
-    "@blocklet/labels": "1.6.1",
+    "@blocklet/editor": "1.6.3",
+    "@blocklet/labels": "1.6.3",
     "@blocklet/uploader": "^0.0.53",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -92,5 +92,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "d8fb7b4134fea2793fe80478d644b0e38b34048a"
+  "gitHead": "14ab368c74fc02f22ea8a2afe19cd67d16bad7d9"
 }