@blocklet/discuss-kit-ux 1.5.183 → 1.5.185

package/dist/components/blog/cover-image.d.ts

@@ -1,14 +1,17 @@
+/// <reference types="react" />
 import type { BoxProps } from '@mui/material/Box';
 interface CoverImageUploadProps extends Omit<BoxProps, 'onChange'> {
     url?: string;
     onChange: (url: string | null) => void;
 }
-export declare function CoverImage({ url, aspectRatio, width, sx, fetchpriority, loading, }: {
+export declare function CoverImage({ url, aspectRatio, width, sx, fetchpriority, loading, shadow, fallback, ...rest }: {
     url?: string;
     aspectRatio?: number;
     width?: number;
     loading?: 'lazy' | 'eager';
     fetchpriority?: 'auto' | 'low' | 'high';
+    shadow?: boolean;
+    fallback?: React.ReactNode;
 } & BoxProps): import("react/jsx-runtime").JSX.Element;
 export declare function CoverImageUpload({ url, onChange, ...rest }: CoverImageUploadProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,2 +1,3 @@
 export { default as LazyEditor } from './lazy-editor';
 export type { OnChangeHandler } from './editor';
+export { EditorPreview } from './preview';

package/dist/components/editor/preview.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { BlockletEditorProps } from '@blocklet/editor';
+export interface EditorProps extends Omit<BlockletEditorProps, 'onChange' | 'ref'> {
+    content: string;
+    children?: React.ReactNode;
+}
+export declare function EditorPreview({ content, children, ...rest }: EditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/{editor-3fe3aadd.mjs → editor-c78610e0.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, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-ab9ee961.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-8d296d98.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";
@@ -33,6 +33,7 @@ import "lodash/flatMap";
 import "lodash/uniqBy";
 import "lodash/trim";
 import "@mui/material/Avatar";
+import "@mui/icons-material/BrokenImage";
 import "@iconify/react";
 import "react-router-dom";
 import "@mui/material/colors";

package/dist/{index-ab9ee961.mjs → index-8d296d98.mjs}

@@ -35,7 +35,8 @@ import flatMap from "lodash/flatMap";
 import uniqBy from "lodash/uniqBy";
 import trim from "lodash/trim";
 import Avatar$1 from "@mui/material/Avatar";
-import { iconExists, Icon } from "@iconify/react";
+import BrokenImageIcon from "@mui/icons-material/BrokenImage";
+import { Icon } from "@iconify/react";
 import { Link, useNavigate, useLocation, useSearchParams, unstable_useBlocker } from "react-router-dom";
 import { green } from "@mui/material/colors";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
@@ -362,7 +363,7 @@ const useMeasure = () => {
   const size = useSize(ref);
   return [ref, size || { width: 0, height: 0 }];
 };
-const BlockletEditor$1 = lazy(() => import("@blocklet/editor"));
+const BlockletEditor$2 = lazy(() => import("@blocklet/editor"));
 const Root$5 = styled(Box)`
   position: relative;
   .be-shell {
@@ -462,7 +463,7 @@ const Input = ({
   };
   const editorState = draftKey && draftContent && !initialContent ? draftContent : inferInitialEditorState(initialContent);
   return /* @__PURE__ */ createElement(Root$5, { ref, ...rest, key: draftKey }, /* @__PURE__ */ jsx(EditorConfigProvider, { value: mergedEditorConfig, children: /* @__PURE__ */ jsxs(
-    BlockletEditor$1,
+    BlockletEditor$2,
     {
       placeholder,
       editorState,
@@ -704,20 +705,24 @@ function Badge({ startComponent, passports, pointInfo, did, spacing = 0.5, ...re
           const { badgeName, badgeIcon, badgeColor, badgeBackground } = item;
           let icon;
           if (badgeIcon) {
-            if (iconExists(badgeIcon)) {
+            const isHttpIcon = ["http", "/", "data"].some((prefix2) => badgeIcon.startsWith(prefix2));
+            if (!isHttpIcon) {
               icon = /* @__PURE__ */ jsx(Icon, { icon: badgeIcon, color: badgeColor, style: { ...iconStyle } });
             } else {
               icon = /* @__PURE__ */ jsx(
                 Avatar$1,
                 {
                   sx: {
-                    userSelect: "none",
-                    WebkitUserDrag: "none !important",
+                    img: {
+                      userSelect: "none !important",
+                      WebkitUserSelect: "none !important",
+                      WebkitUserDrag: "none !important"
+                    },
+                    background: "transparent",
                     ...iconStyle
                   },
-                  alt: badgeName,
                   src: badgeIcon,
-                  children: badgeName
+                  children: /* @__PURE__ */ jsx(BrokenImageIcon, { sx: { ...iconStyle, color: badgeColor } })
                 }
               );
             }
@@ -1036,8 +1041,8 @@ function ViewMore({ children, ...rest }) {
     )
   ] });
 }
-const BlockletEditor = lazy(() => import("@blocklet/editor"));
-const StyledBlockletEditor = styled$1(BlockletEditor)`
+const BlockletEditor$1 = lazy(() => import("@blocklet/editor"));
+const StyledBlockletEditor = styled$1(BlockletEditor$1)`
   .editor-scroller {
     min-height: initial;
   }
@@ -2353,7 +2358,10 @@ function CoverImage({
   width = 320,
   sx,
   fetchpriority = "auto",
-  loading = "eager"
+  loading = "eager",
+  shadow = true,
+  fallback,
+  ...rest
 }) {
   const [loaded, setLoaded] = useState(false);
   return /* @__PURE__ */ jsxs(
@@ -2366,12 +2374,13 @@ function CoverImage({
           overflow: "hidden",
           position: "relative",
           borderRadius: 2,
-          boxShadow: "rgb(0 0 0 / 12%) 0px 8px 30px",
+          ...shadow && { boxShadow: "rgb(0 0 0 / 12%) 0px 8px 30px" },
           // https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari
           transform: "translateZ(0)"
         },
         ...Array.isArray(sx) ? sx : [sx]
       ],
+      ...rest,
       children: [
         (!loaded || !url) && /* @__PURE__ */ jsx(
           Skeleton,
@@ -2387,7 +2396,7 @@ function CoverImage({
             }
           }
         ),
-        /* @__PURE__ */ jsx(
+        !!url && /* @__PURE__ */ jsx(
           "img",
           {
             src: url ? composeImageUrl(url, width) : "",
@@ -2406,6 +2415,19 @@ function CoverImage({
             alt: "cover",
             onLoad: () => setLoaded(true)
           }
+        ),
+        !url && /* @__PURE__ */ jsx(
+          Box$1,
+          {
+            sx: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              height: "100%"
+            },
+            children: fallback
+          }
         )
       ]
     }
@@ -4256,7 +4278,7 @@ function Pagination({ page, size = 20, total, onChange, routerMode = true, ...re
     }
   );
 }
-const Editor = lazy(() => import("./editor-3fe3aadd.mjs"));
+const Editor = lazy(() => import("./editor-c78610e0.mjs"));
 function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -4266,6 +4288,19 @@ function LazyEditor(props) {
   ] });
   return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(Editor, { ...props }) });
 }
+const BlockletEditor = lazy(() => import("@blocklet/editor"));
+function EditorPreview({ content, children, ...rest }) {
+  const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Skeleton, {}),
+    /* @__PURE__ */ jsx(Skeleton, { width: "80%" }),
+    /* @__PURE__ */ jsx(Skeleton, { width: "60%" }),
+    /* @__PURE__ */ jsx(Skeleton, { width: "40%" })
+  ] });
+  return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsxs(BlockletEditor, { editorState: inferInitialEditorState(content), editable: false, ...rest, children: [
+    /* @__PURE__ */ jsx(ImagePathFixerPlugin, {}),
+    children
+  ] }) });
+}
 const useBeforeUnloadPrompt = (dirty) => {
   useEffect(() => {
     const showPrompt = (e) => {
@@ -4350,8 +4385,8 @@ const en = {
   deleted: "This comment has been deleted",
   edit: "Edit",
   empty: "Be the first to leave a comment.",
-  loadMore: "Load more",
-  readMore: "Read more",
+  loadMore: "Load More",
+  readMore: "Read More",
   saveChanges: "Save Changes",
   sendComment: "Comment",
   showMoreReplies: "Show more replies",
@@ -10087,7 +10122,7 @@ function PointUpProvider({ children }) {
   ] });
 }
 export {
-  ConfirmProvider as $,
+  useConfirm as $,
   Avatar as A,
   BinaryThumb as B,
   CommentInput as C,
@@ -10105,35 +10140,37 @@ export {
   ChatClient as O,
   Pagination as P,
   Chat as Q,
-  ChatHeaderAddon as R,
+  RelativeTime as R,
   ScrollableEditorWrapper as S,
-  useChatContext as T,
-  ChatProvider as U,
-  UnreadNotificationContext as V,
-  useUnreadNotification as W,
-  UnreadNotificationProvider as X,
-  Confirm as Y,
-  ConfirmContext as Z,
-  useConfirm as _,
+  ChatHeaderAddon as T,
+  useChatContext as U,
+  ChatProvider as V,
+  UnreadNotificationContext as W,
+  useUnreadNotification as X,
+  UnreadNotificationProvider as Y,
+  Confirm as Z,
+  ConfirmContext as _,
   isEmptyContent as a,
-  SecureLabelPicker as a0,
-  useApiErrorHandler as a1,
-  useDefaultApiErrorHandler as a2,
-  PreviousLocationRecorder as a3,
-  Back as a4,
-  LazyEditor as a5,
-  DirtyPromptContainer as a6,
-  ConfirmNavigation as a7,
-  UploaderContext as a8,
-  useUploader as a9,
-  UploaderTrigger as aa,
-  UploaderProvider as ab,
-  composeImageUrl as ac,
-  usePointUpContext as ad,
-  PointUpProvider as ae,
-  create as af,
-  getWsClient as ag,
-  useSubscription as ah,
+  ConfirmProvider as a0,
+  SecureLabelPicker as a1,
+  useApiErrorHandler as a2,
+  useDefaultApiErrorHandler as a3,
+  PreviousLocationRecorder as a4,
+  Back as a5,
+  LazyEditor as a6,
+  EditorPreview as a7,
+  DirtyPromptContainer as a8,
+  ConfirmNavigation as a9,
+  UploaderContext as aa,
+  useUploader as ab,
+  UploaderTrigger as ac,
+  UploaderProvider as ad,
+  composeImageUrl as ae,
+  usePointUpContext as af,
+  PointUpProvider as ag,
+  create as ah,
+  getWsClient as ai,
+  useSubscription as aj,
   InternalThemeProvider as b,
   Input as c,
   translations as d,

package/dist/index.d.ts

@@ -24,3 +24,4 @@ export { default as preferences } from './preferences';
 export * from './components/uploader';
 export * from './components/point-up';
 export * from './ws';
+export { default as RelativeTime } from './components/shared/relative-time';

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { K, j, N, A, h, a4, B, z, y, E, Q, O, R, U, o, C, q, v, x, Y, Z, a7, $, H, J, D, a6, G, c, b, a5, M, P, ae, n, m, a3, S, a0, k, V, X, a8, ab, aa, ac, af, F, ag, l, p, r, t, d, a1, L, e, T, w, _, a2, u, ad, ah, W, a9, f } from "./index-ab9ee961.mjs";
+import { K, j, N, A, h, a5, B, z, y, E, Q, O, T, V, o, C, q, v, x, Z, _, a9, a0, H, J, D, a8, a7, G, c, b, a6, M, P, ag, n, m, a4, R, S, a1, k, W, Y, aa, ad, ac, ae, ah, F, ai, l, p, r, t, d, a2, L, e, U, w, $, a3, u, af, aj, X, ab, f } from "./index-8d296d98.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -31,6 +31,7 @@ import "lodash/flatMap";
 import "lodash/uniqBy";
 import "lodash/trim";
 import "@mui/material/Avatar";
+import "@mui/icons-material/BrokenImage";
 import "@iconify/react";
 import "react-router-dom";
 import "@mui/material/colors";
@@ -63,66 +64,68 @@ export {
   N as AuthzProvider,
   A as Avatar,
   h as Avatars,
-  a4 as Back,
+  a5 as Back,
   B as BinaryThumb,
   z as BlogCard,
   y as BlogList,
   E as BlogPermaLink,
   Q as Chat,
   O as ChatClient,
-  R as ChatHeaderAddon,
-  U as ChatProvider,
+  T as ChatHeaderAddon,
+  V as ChatProvider,
   o as Comment,
   C as CommentInput,
   q as CommentList,
   v as CommentsContext,
   x as CommentsProvider,
-  Y as Confirm,
-  Z as ConfirmContext,
-  a7 as ConfirmNavigation,
-  $ as ConfirmProvider,
+  Z as Confirm,
+  _ as ConfirmContext,
+  a9 as ConfirmNavigation,
+  a0 as ConfirmProvider,
   H as CoverImage,
   J as CoverImageUpload,
   D as DefaultEditorConfigProvider,
-  a6 as DirtyPromptContainer,
+  a8 as DirtyPromptContainer,
+  a7 as EditorPreview,
   G as GithubReaction,
   c as Input,
   b as InternalThemeProvider,
-  a5 as LazyEditor,
+  a6 as LazyEditor,
   M as Menu,
   P as Pagination,
-  ae as PointUpProvider,
+  ag as PointUpProvider,
   n as Post,
   m as PostContent,
-  a3 as PreviousLocationRecorder,
+  a4 as PreviousLocationRecorder,
+  R as RelativeTime,
   S as ScrollableEditorWrapper,
-  a0 as SecureLabelPicker,
+  a1 as SecureLabelPicker,
   k as SystemUser,
-  V as UnreadNotificationContext,
-  X as UnreadNotificationProvider,
-  a8 as UploaderContext,
-  ab as UploaderProvider,
-  aa as UploaderTrigger,
-  ac as composeImageUrl,
-  af as create,
+  W as UnreadNotificationContext,
+  Y as UnreadNotificationProvider,
+  aa as UploaderContext,
+  ad as UploaderProvider,
+  ac as UploaderTrigger,
+  ae as composeImageUrl,
+  ah as create,
   F as getBlogLink,
-  ag as getWsClient,
+  ai as getWsClient,
   l as lexicalUtils,
   p as preferences,
   r as routes,
   t as themeOverrides,
   d as translations,
-  a1 as useApiErrorHandler,
+  a2 as useApiErrorHandler,
   L as useAuthzContext,
   e as useChanged,
-  T as useChatContext,
+  U as useChatContext,
   w as useCommentsContext,
-  _ as useConfirm,
-  a2 as useDefaultApiErrorHandler,
+  $ as useConfirm,
+  a3 as useDefaultApiErrorHandler,
   u as useNow,
-  ad as usePointUpContext,
-  ah as useSubscription,
-  W as useUnreadNotification,
-  a9 as useUploader,
+  af as usePointUpContext,
+  aj as useSubscription,
+  X as useUnreadNotification,
+  ab as useUploader,
   f as utils
 };

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("@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")) : 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", "@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"], 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.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));
-})(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, 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) {
+  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")) : 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"], 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));
+})(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) {
   var _a, _b;
   "use strict";
   const themeOverrides = {
@@ -308,7 +308,7 @@ var __publicField = (obj, key, value) => {
     const size = ahooks.useSize(ref);
     return [ref, size || { width: 0, height: 0 }];
   };
-  const BlockletEditor$2 = react.lazy(() => import("@blocklet/editor"));
+  const BlockletEditor$3 = react.lazy(() => import("@blocklet/editor"));
   const Root$6 = Theme.styled(Box)`
   position: relative;
   .be-shell {
@@ -408,7 +408,7 @@ var __publicField = (obj, key, value) => {
     };
     const editorState = draftKey && draftContent && !initialContent ? draftContent : inferInitialEditorState(initialContent);
     return /* @__PURE__ */ react.createElement(Root$6, { ref, ...rest, key: draftKey }, /* @__PURE__ */ jsxRuntime.jsx(config.EditorConfigProvider, { value: mergedEditorConfig, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      BlockletEditor$2,
+      BlockletEditor$3,
       {
         placeholder,
         editorState,
@@ -650,20 +650,24 @@ var __publicField = (obj, key, value) => {
             const { badgeName, badgeIcon, badgeColor, badgeBackground } = item;
             let icon;
             if (badgeIcon) {
-              if (react$1.iconExists(badgeIcon)) {
+              const isHttpIcon = ["http", "/", "data"].some((prefix2) => badgeIcon.startsWith(prefix2));
+              if (!isHttpIcon) {
                 icon = /* @__PURE__ */ jsxRuntime.jsx(react$1.Icon, { icon: badgeIcon, color: badgeColor, style: { ...iconStyle } });
               } else {
                 icon = /* @__PURE__ */ jsxRuntime.jsx(
                   Avatar$1,
                   {
                     sx: {
-                      userSelect: "none",
-                      WebkitUserDrag: "none !important",
+                      img: {
+                        userSelect: "none !important",
+                        WebkitUserSelect: "none !important",
+                        WebkitUserDrag: "none !important"
+                      },
+                      background: "transparent",
                       ...iconStyle
                     },
-                    alt: badgeName,
                     src: badgeIcon,
-                    children: badgeName
+                    children: /* @__PURE__ */ jsxRuntime.jsx(BrokenImageIcon, { sx: { ...iconStyle, color: badgeColor } })
                   }
                 );
               }
@@ -982,8 +986,8 @@ var __publicField = (obj, key, value) => {
       )
     ] });
   }
-  const BlockletEditor$1 = react.lazy(() => import("@blocklet/editor"));
-  const StyledBlockletEditor = styles.styled(BlockletEditor$1)`
+  const BlockletEditor$2 = react.lazy(() => import("@blocklet/editor"));
+  const StyledBlockletEditor = styles.styled(BlockletEditor$2)`
   .editor-scroller {
     min-height: initial;
   }
@@ -2299,7 +2303,10 @@ var __publicField = (obj, key, value) => {
     width = 320,
     sx,
     fetchpriority = "auto",
-    loading = "eager"
+    loading = "eager",
+    shadow = true,
+    fallback,
+    ...rest
   }) {
     const [loaded, setLoaded] = react.useState(false);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2312,12 +2319,13 @@ var __publicField = (obj, key, value) => {
             overflow: "hidden",
             position: "relative",
             borderRadius: 2,
-            boxShadow: "rgb(0 0 0 / 12%) 0px 8px 30px",
+            ...shadow && { boxShadow: "rgb(0 0 0 / 12%) 0px 8px 30px" },
             // https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari
             transform: "translateZ(0)"
           },
           ...Array.isArray(sx) ? sx : [sx]
         ],
+        ...rest,
         children: [
           (!loaded || !url) && /* @__PURE__ */ jsxRuntime.jsx(
             material.Skeleton,
@@ -2333,7 +2341,7 @@ var __publicField = (obj, key, value) => {
               }
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          !!url && /* @__PURE__ */ jsxRuntime.jsx(
             "img",
             {
               src: url ? composeImageUrl(url, width) : "",
@@ -2352,6 +2360,19 @@ var __publicField = (obj, key, value) => {
               alt: "cover",
               onLoad: () => setLoaded(true)
             }
+          ),
+          !url && /* @__PURE__ */ jsxRuntime.jsx(
+            material.Box,
+            {
+              sx: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: "100%"
+              },
+              children: fallback
+            }
           )
         ]
       }
@@ -4212,6 +4233,19 @@ var __publicField = (obj, key, value) => {
     ] });
     return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsx(Editor$1, { ...props }) });
   }
+  const BlockletEditor$1 = react.lazy(() => import("@blocklet/editor"));
+  function EditorPreview({ content, children, ...rest }) {
+    const fallback = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { width: "80%" }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { width: "60%" }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Skeleton, { width: "40%" })
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback, children: /* @__PURE__ */ jsxRuntime.jsxs(BlockletEditor$1, { editorState: inferInitialEditorState(content), editable: false, ...rest, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ImagePathFixerPlugin, {}),
+      children
+    ] }) });
+  }
   const useBeforeUnloadPrompt = (dirty) => {
     react.useEffect(() => {
       const showPrompt = (e) => {
@@ -4296,8 +4330,8 @@ var __publicField = (obj, key, value) => {
     deleted: "This comment has been deleted",
     edit: "Edit",
     empty: "Be the first to leave a comment.",
-    loadMore: "Load more",
-    readMore: "Read more",
+    loadMore: "Load More",
+    readMore: "Read More",
     saveChanges: "Save Changes",
     sendComment: "Comment",
     showMoreReplies: "Show more replies",
@@ -10089,6 +10123,7 @@ var __publicField = (obj, key, value) => {
   exports2.CoverImageUpload = CoverImageUpload;
   exports2.DefaultEditorConfigProvider = DefaultEditorConfigProvider;
   exports2.DirtyPromptContainer = DirtyPromptContainer;
+  exports2.EditorPreview = EditorPreview;
   exports2.GithubReaction = GithubReaction;
   exports2.Input = Input;
   exports2.InternalThemeProvider = InternalThemeProvider;
@@ -10099,6 +10134,7 @@ var __publicField = (obj, key, value) => {
   exports2.Post = PostComponent;
   exports2.PostContent = PostContent;
   exports2.PreviousLocationRecorder = PreviousLocationRecorder;
+  exports2.RelativeTime = RelativeTime;
   exports2.ScrollableEditorWrapper = ScrollableEditorWrapper;
   exports2.SecureLabelPicker = SecureLabelPicker;
   exports2.SystemUser = SystemUser;

package/dist/preferences.d.ts

@@ -29,5 +29,9 @@ declare const preferences: {
     socialShareButtonsDiscussion: boolean;
     socialShareButtonsBlog: boolean;
     socialShareButtonsDoc: boolean;
+    blogListTemplate: "standard" | "corp";
+    blogTemplate: "standard" | "corp";
+    blogListTemplatePrimaryColor: string;
+    blogListTemplateAccentColor: string;
 };
 export default preferences;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.5.183",
+  "version": "1.5.185",
   "files": [
     "dist"
   ],
@@ -29,9 +29,9 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.95",
-    "@blocklet/editor": "1.5.183",
-    "@blocklet/labels": "1.5.183",
-    "@blocklet/uploader": "^0.0.42",
+    "@blocklet/editor": "1.5.185",
+    "@blocklet/labels": "1.5.185",
+    "@blocklet/uploader": "^0.0.45",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
@@ -93,5 +93,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "6d597a12b098da62ff187179e43222c45bf0f629"
+  "gitHead": "ddb802ddbf61267404f1b151483ccbdfc549099f"
 }