@blocklet/discuss-kit-ux 1.6.178 → 1.6.180

package/dist/{editor-tuTpD7pf.mjs → editor-fQ1zjzhm.mjs}

@@ -4,11 +4,10 @@ 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-7VREaKfa.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-QDqykalr.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";
-import "@arcblock/ux/lib/Theme";
 import "lodash/isNil";
 import "@blocklet/editor/lib/config";
 import "lexical";
@@ -24,6 +23,7 @@ import "@arcblock/ux/lib/Locale/context";
 import "@mui/material/Alert";
 import "lodash/isBoolean";
 import "@mui/material/Button";
+import "@arcblock/ux/lib/Theme";
 import "@arcblock/did-connect/lib/Avatar";
 import "@mui/material/AvatarGroup";
 import "@mui/material/colors";

package/dist/{index-7VREaKfa.mjs → index-QDqykalr.mjs}

@@ -7,10 +7,9 @@ var __publicField = (obj, key, value) => {
 var _a, _b;
 import { Labels2, LabelPicker } from "@blocklet/labels";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useTheme, ThemeProvider, styled as styled$1 } from "@mui/material/styles";
+import { useTheme, ThemeProvider, styled } from "@mui/material/styles";
 import { useEffect, useRef, lazy, useState, createElement, useContext, isValidElement, Suspense, useMemo, createContext, Fragment as Fragment$1, forwardRef, useCallback } from "react";
 import Box from "@mui/material/Box";
-import { styled } from "@arcblock/ux/lib/Theme";
 import isNil from "lodash/isNil";
 import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/config";
 import { $getRoot, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_LOW, $getSelection } from "lexical";
@@ -26,6 +25,7 @@ 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 { styled as styled$1 } from "@arcblock/ux/lib/Theme";
 import DidAvatar from "@arcblock/did-connect/lib/Avatar";
 import AvatarGroup from "@mui/material/AvatarGroup";
 import { grey, green, amber } from "@mui/material/colors";
@@ -434,16 +434,6 @@ const useMeasure = () => {
   return [ref, size || { width: 0, height: 0 }];
 };
 const BlockletEditor$2 = lazy(() => import("@blocklet/editor"));
-const Root$5 = styled(Box)`
-  position: relative;
-  .be-shell {
-    border: 1px solid #ddd;
-  }
-  .be-editable,
-  .be-content {
-    min-height: 150px;
-  }
-`;
 const Input = ({
   initialContent = "",
   send,
@@ -465,7 +455,7 @@ const Input = ({
   const [ref, { width }] = useMeasure();
   const isChanged = useRef(false);
   const editorConfig = useEditorConfig();
-  const inSmallView = width < 850;
+  const inSmallView = width < 700;
   const draftContent = sessionStorage.getItem(sessionKey);
   const setDraftContent = (data) => {
     if (data) {
@@ -528,12 +518,27 @@ const Input = ({
     ...editorConfig,
     ...inSmallView && {
       toolbar: {
-        items: ["block", "font-size", "italic", "bold", "underline", "media", ...((_a2 = editorConfig == null ? void 0 : editorConfig.toolbar) == null ? void 0 : _a2.items) || []]
+        items: ["block", "italic", "bold", "underline", "media", ...((_a2 = editorConfig == null ? void 0 : editorConfig.toolbar) == null ? void 0 : _a2.items) || []]
       }
     }
   };
   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(
+  const mergedSx = mergeSx(
+    {
+      position: "relative",
+      ".be-shell": {
+        border: 1,
+        borderColor: "divider",
+        borderRadius: 1,
+        overflow: "hidden"
+      },
+      ".be-editable, .be-content": {
+        minHeight: 150
+      }
+    },
+    rest.sx
+  );
+  return /* @__PURE__ */ createElement(Box, { ref, ...rest, key: draftKey, sx: mergedSx }, /* @__PURE__ */ jsx(EditorConfigProvider, { value: mergedEditorConfig, children: /* @__PURE__ */ jsxs(
     BlockletEditor$2,
     {
       placeholder,
@@ -551,7 +556,7 @@ const Input = ({
   ) }), render == null ? void 0 : render({ submit, content, loading, error, inSmallView }));
 };
 const mdiLanguageMarkdown = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M20.56 18H3.44C2.65 18 2 17.37 2 16.59V7.41C2 6.63 2.65 6 3.44 6h17.12c.79 0 1.44.63 1.44 1.41v9.18c0 .78-.65 1.41-1.44 1.41M6.81 15.19v-3.66l1.92 2.35l1.92-2.35v3.66h1.93V8.81h-1.93l-1.92 2.35l-1.92-2.35H4.89v6.38h1.92M19.69 12h-1.92V8.81h-1.92V12h-1.93l2.89 3.28L19.69 12Z" }) });
-const StyledInput = styled$1(Input)`
+const StyledInput = styled(Input)`
   .be-shell {
     padding-bottom: 44px;
   }
@@ -606,10 +611,10 @@ function CommentInput({
                       display: inSmallView ? "none" : "flex",
                       alignItems: "center",
                       m: 0,
-                      fontSize: 13,
-                      color: "grey.600",
+                      fontSize: 12,
+                      color: "text.disabled",
                       textDecoration: "none",
-                      "&:hover": { color: "grey.700" }
+                      "&:hover": { color: "text.secondary" }
                     },
                     children: [
                       /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center", mr: 0.5, lineHeight: 1 }, children: /* @__PURE__ */ jsx(mdiLanguageMarkdown, { style: { fontSize: 16 } }) }),
@@ -673,7 +678,7 @@ function PostEdit({ content, send, onCancel, onSuccess, ...rest }) {
     }
   );
 }
-const Root$4 = styled(Box)`
+const Root$4 = styled$1(Box)`
   height: 100%;
   .be-editable {
     overflow-y: auto;
@@ -693,7 +698,7 @@ function Avatar({ src, ...rest }) {
   }
   return /* @__PURE__ */ jsx(DidAvatar, { src: src ? getResizedAvatar(src) : src, ...rest });
 }
-const Root$3 = styled(AvatarGroup)`
+const Root$3 = styled$1(AvatarGroup)`
   display: flex;
   align-items: center;
   position: relative;
@@ -1060,7 +1065,7 @@ function ProfileCard({ user, click, ...rest }) {
     }
   );
 }
-const HtmlTooltip$1 = styled$1(({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip, { ...props, classes: { popper: className } }))(() => ({
+const HtmlTooltip$1 = styled(({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip, { ...props, classes: { popper: className } }))(() => ({
   [`& .${tooltipClasses.tooltip}`]: {
     backgroundColor: "transparent",
     maxWidth: "initial"
@@ -1255,7 +1260,7 @@ function ChannelGroup({ size = "normal", chat, ...rest }) {
   ] });
 }
 const MAX_HEIGHT = 200;
-const Root$2 = styled("div")`
+const Root$2 = styled$1("div")`
   &.markdown-viewer-collapsed .markdown-viewer-md-wrapper {
     position: relative;
     max-height: ${MAX_HEIGHT}px;
@@ -1299,7 +1304,7 @@ function ViewMore({ children, ...rest }) {
   ] });
 }
 const BlockletEditor$1 = lazy(() => import("@blocklet/editor"));
-const StyledBlockletEditor = styled$1(BlockletEditor$1)`
+const StyledBlockletEditor = styled(BlockletEditor$1)`
   .editor-scroller {
     min-height: initial;
   }
@@ -1360,7 +1365,7 @@ function PostContent({
     }
   ) }) });
 }
-const StyledMuiMenu = styled(MuiMenu)`
+const StyledMuiMenu = styled$1(MuiMenu)`
   .MuiMenuItem-root {
     min-height: 32px;
     min-width: 120px;
@@ -1413,7 +1418,7 @@ function Menu({ items = [], ...rest }) {
   ] });
 }
 Menu.Item = MuiMenuItem;
-const Root$1 = styled$1(Box)`
+const Root$1 = styled(Box)`
   .post-highlighted {
     animation: highlighted-post-fade 3s;
     animation-timing-function: ease-out;
@@ -1555,7 +1560,7 @@ const iconoirThumbsUp = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24
   /* @__PURE__ */ jsx("path", { d: "M16.472 20H4.1a.6.6 0 0 1-.6-.6V9.6a.6.6 0 0 1 .6-.6h2.768a2 2 0 0 0 1.715-.971l2.71-4.517a1.631 1.631 0 0 1 2.961 1.308l-1.022 3.408a.6.6 0 0 0 .574.772h4.575a2 2 0 0 1 1.93 2.526l-1.91 7A2 2 0 0 1 16.473 20Z" }),
   /* @__PURE__ */ jsx("path", { strokeLinejoin: "round", d: "M7 20V9" })
 ] }) });
-const StyledDialog = styled$1(Dialog)`
+const StyledDialog = styled(Dialog)`
   .ux-dialog_header {
     padding: 0 16px;
   }
@@ -1702,7 +1707,7 @@ function BinaryThumb({ data = [], variant = "default", size = "sm", ...rest }) {
     }
   );
 }
-const Root = styled(Box)`
+const Root = styled$1(Box)`
   display: flex;
   .reaction-item {
     display: flex;
@@ -1719,7 +1724,7 @@ function IconButton({ icon, text, onClick, selected, variant, size, onTextClick,
     !!text && /* @__PURE__ */ jsx("span", { className: "reaction-btn-text", onClick: (e) => onTextClick == null ? void 0 : onTextClick(e), children: text })
   ] });
 }
-const IconButtonRoot = styled("div")`
+const IconButtonRoot = styled$1("div")`
   display: flex;
   align-items: center;
   &.reaction-btn-selected {
@@ -2466,7 +2471,7 @@ function CommentsProvider({
   );
   return /* @__PURE__ */ jsx(CommentsContext.Provider, { value, children });
 }
-const LoadMoreButtonWrapper = styled$1(Box)`
+const LoadMoreButtonWrapper = styled(Box)`
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 11L8 5L16 11' stroke='%23e1e4e8' stroke-linecap='square' stroke-width='1.5' /%3E%3C/svg%3E");
   background-repeat: repeat-x;
   background-position: center;
@@ -4085,7 +4090,7 @@ function MessageList({ chat, ...rest }) {
     !isAtBottom && /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", bottom: 16, right: 24 }, onClick: scrollToBottom, children: /* @__PURE__ */ jsx(Fab, { color: "inherit", sx: { width: { xs: 36, sm: 44 }, height: { xs: 36, sm: 44 } }, children: /* @__PURE__ */ jsx(ArrowDownward, {}) }) })
   ] });
 }
-const HtmlTooltip = styled$1(({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip$1, { ...props, classes: { popper: className } }))(() => ({
+const HtmlTooltip = styled(({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip$1, { ...props, classes: { popper: className } }))(() => ({
   [`& .${tooltipClasses$1.tooltip}`]: {
     color: "inherit",
     backgroundColor: "#fff",
@@ -4304,27 +4309,10 @@ function NewChannelDialog({ open, onSubmit, onClose, ...rest }) {
       showCloseButton: true,
       maxWidth: "lg",
       title: t("chat.newChannel"),
-      sx: {
-        "& .MuiDialogContent-root": {
-          borderTop: `1px solid ${theme.palette.divider}`,
-          borderBottom: `1px solid ${theme.palette.divider}`
-        }
-      },
-      actions: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          color: "primary",
-          sx: { mt: 1 },
-          variant: "contained",
-          size: "small",
-          onClick: handleSubmit,
-          disabled: !canSubmit,
-          children: [
-            /* @__PURE__ */ jsx(AddIcon, { sx: { mr: 0.375 } }),
-            t("chat.create")
-          ]
-        }
-      ),
+      actions: /* @__PURE__ */ jsxs(Button, { color: "primary", variant: "contained", size: "small", onClick: handleSubmit, disabled: !canSubmit, children: [
+        /* @__PURE__ */ jsx(AddIcon, { sx: { mr: 0.375 } }),
+        t("chat.create")
+      ] }),
       onClose,
       ...rest,
       children: /* @__PURE__ */ jsxs(Box, { width: { xs: "100%", md: 560 }, minHeight: 140, children: [
@@ -4822,7 +4810,7 @@ function Pagination({
     }
   );
 }
-const Editor = lazy(() => import("./editor-tuTpD7pf.mjs"));
+const Editor = lazy(() => import("./editor-fQ1zjzhm.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 { O, j, T, A, h, a9, B, z, H, F, J, al, m, W, U, X, Z, q, C, v, w, y, a1, a2, ad, a4, L, N, D, ac, ab, E, G, b, f, aa, M, P, ak, o, n, a8, R, S, a5, am, k, _, a0, ae, ah, ag, ai, an, K, ao, l, p, r, e, t, a6, Q, c, Y, x, a3, a7, u, aj, ap, $, af, d } from "./index-7VREaKfa.mjs";
+import { O, j, T, A, h, a9, B, z, H, F, J, al, m, W, U, X, Z, q, C, v, w, y, a1, a2, ad, a4, L, N, D, ac, ab, E, G, b, f, aa, M, P, ak, o, n, a8, R, S, a5, am, k, _, a0, ae, ah, ag, ai, an, K, ao, l, p, r, e, t, a6, Q, c, Y, x, a3, a7, u, aj, ap, $, af, d } from "./index-QDqykalr.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -10,7 +10,6 @@ import "@arcblock/ux/lib/Locale/context";
 import "@arcblock/did-connect/lib/Session";
 import "@mui/material";
 import "@mui/material/styles";
-import "@arcblock/ux/lib/Theme";
 import "lodash/isNil";
 import "@blocklet/editor/lib/config";
 import "lexical";
@@ -22,6 +21,7 @@ import "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
 import "ahooks";
 import "@mui/material/Alert";
 import "lodash/isBoolean";
+import "@arcblock/ux/lib/Theme";
 import "@arcblock/did-connect/lib/Avatar";
 import "@mui/material/AvatarGroup";
 import "@mui/material/colors";

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("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/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), 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("@mui/material"), require("@arcblock/did-connect/lib/Address"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@mui/icons-material/Groups2Rounded"), 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("url-join"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/Fab"), require("lodash/debounce"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), 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", "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/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@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", "@mui/material", "@arcblock/did-connect/lib/Address", "@mui/icons-material/NotificationsActiveOutlined", "@mui/icons-material/Groups2Rounded", "@blocklet/editor/lib/ext/CheckboxPlugin", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "url-join", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/Fab", "lodash/debounce", "@mui/material/TextField", "@mui/icons-material/Add", "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.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.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$1, global.Session, global.material, global.DIDAddress, global.NotificationsActiveOutlinedIcon, global.Groups2RoundedIcon, global.CheckboxPlugin, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.joinUrl, global.orderBy, global.Typography, global.Skeleton, global.reactDom, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.Fab, global.debounce, global.TextField, global.AddIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, 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, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$1, Session, material, DIDAddress, NotificationsActiveOutlinedIcon, Groups2RoundedIcon, CheckboxPlugin, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, joinUrl, orderBy, Typography, Skeleton, reactDom, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, Fab, debounce, TextField, AddIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, 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("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/ux/lib/Theme"), 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/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("@mui/material"), require("@arcblock/did-connect/lib/Address"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@mui/icons-material/Groups2Rounded"), 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("url-join"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/Fab"), require("lodash/debounce"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), 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", "react", "@mui/material/Box", "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/ux/lib/Theme", "@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/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", "@mui/material", "@arcblock/did-connect/lib/Address", "@mui/icons-material/NotificationsActiveOutlined", "@mui/icons-material/Groups2Rounded", "@blocklet/editor/lib/ext/CheckboxPlugin", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "url-join", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/Fab", "lodash/debounce", "@mui/material/TextField", "@mui/icons-material/Add", "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.react, global.Box, global.isNil, global.config, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.Theme, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$1, global.Session, global.material, global.DIDAddress, global.NotificationsActiveOutlinedIcon, global.Groups2RoundedIcon, global.CheckboxPlugin, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.joinUrl, global.orderBy, global.Typography, global.Skeleton, global.reactDom, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.Fab, global.debounce, global.TextField, global.AddIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
+})(this, function(exports2, labels, jsxRuntime, styles, react, Box, isNil, config, LexicalComposerContext, lexical$1, ahooks, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, Theme, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$1, Session, material, DIDAddress, NotificationsActiveOutlinedIcon, Groups2RoundedIcon, CheckboxPlugin, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, joinUrl, orderBy, Typography, Skeleton, reactDom, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, Fab, debounce, TextField, AddIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin, 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) => {
@@ -367,16 +367,6 @@ var __publicField = (obj, key, value) => {
     return [ref, size || { width: 0, height: 0 }];
   };
   const BlockletEditor$3 = react.lazy(() => import("@blocklet/editor"));
-  const Root$6 = Theme.styled(Box)`
-  position: relative;
-  .be-shell {
-    border: 1px solid #ddd;
-  }
-  .be-editable,
-  .be-content {
-    min-height: 150px;
-  }
-`;
   const Input = ({
     initialContent = "",
     send,
@@ -398,7 +388,7 @@ var __publicField = (obj, key, value) => {
     const [ref, { width }] = useMeasure();
     const isChanged = react.useRef(false);
     const editorConfig = config.useEditorConfig();
-    const inSmallView = width < 850;
+    const inSmallView = width < 700;
     const draftContent = sessionStorage.getItem(sessionKey);
     const setDraftContent = (data) => {
       if (data) {
@@ -461,12 +451,27 @@ var __publicField = (obj, key, value) => {
       ...editorConfig,
       ...inSmallView && {
         toolbar: {
-          items: ["block", "font-size", "italic", "bold", "underline", "media", ...((_a2 = editorConfig == null ? void 0 : editorConfig.toolbar) == null ? void 0 : _a2.items) || []]
+          items: ["block", "italic", "bold", "underline", "media", ...((_a2 = editorConfig == null ? void 0 : editorConfig.toolbar) == null ? void 0 : _a2.items) || []]
         }
       }
     };
     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(
+    const mergedSx = mergeSx(
+      {
+        position: "relative",
+        ".be-shell": {
+          border: 1,
+          borderColor: "divider",
+          borderRadius: 1,
+          overflow: "hidden"
+        },
+        ".be-editable, .be-content": {
+          minHeight: 150
+        }
+      },
+      rest.sx
+    );
+    return /* @__PURE__ */ react.createElement(Box, { ref, ...rest, key: draftKey, sx: mergedSx }, /* @__PURE__ */ jsxRuntime.jsx(config.EditorConfigProvider, { value: mergedEditorConfig, children: /* @__PURE__ */ jsxRuntime.jsxs(
       BlockletEditor$3,
       {
         placeholder,
@@ -539,10 +544,10 @@ var __publicField = (obj, key, value) => {
                         display: inSmallView ? "none" : "flex",
                         alignItems: "center",
                         m: 0,
-                        fontSize: 13,
-                        color: "grey.600",
+                        fontSize: 12,
+                        color: "text.disabled",
                         textDecoration: "none",
-                        "&:hover": { color: "grey.700" }
+                        "&:hover": { color: "text.secondary" }
                       },
                       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 } }) }),
@@ -4237,27 +4242,10 @@ var __publicField = (obj, key, value) => {
         showCloseButton: true,
         maxWidth: "lg",
         title: t("chat.newChannel"),
-        sx: {
-          "& .MuiDialogContent-root": {
-            borderTop: `1px solid ${theme.palette.divider}`,
-            borderBottom: `1px solid ${theme.palette.divider}`
-          }
-        },
-        actions: /* @__PURE__ */ jsxRuntime.jsxs(
-          Button,
-          {
-            color: "primary",
-            sx: { mt: 1 },
-            variant: "contained",
-            size: "small",
-            onClick: handleSubmit,
-            disabled: !canSubmit,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(AddIcon, { sx: { mr: 0.375 } }),
-              t("chat.create")
-            ]
-          }
-        ),
+        actions: /* @__PURE__ */ jsxRuntime.jsxs(Button, { color: "primary", variant: "contained", size: "small", onClick: handleSubmit, disabled: !canSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(AddIcon, { sx: { mr: 0.375 } }),
+          t("chat.create")
+        ] }),
         onClose,
         ...rest,
         children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { width: { xs: "100%", md: 560 }, minHeight: 140, children: [

package/dist/preferences.d.ts

@@ -37,5 +37,17 @@ declare const preferences: {
     enableAssignmentDiscussion: boolean;
     enableAssignmentBlog: boolean;
     enableAssignmentDoc: boolean;
+    bannerTitleDiscussionEn: string;
+    bannerTitleDiscussionZh: string;
+    bannerDescDiscussionEn: string;
+    bannerDescDiscussionZh: string;
+    bannerTitleBlogEn: string;
+    bannerTitleBlogZh: string;
+    bannerDescBlogEn: string;
+    bannerDescBlogZh: string;
+    bannerTitleBookmarkEn: string;
+    bannerTitleBookmarkZh: string;
+    bannerDescBookmarkEn: string;
+    bannerDescBookmarkZh: string;
 };
 export default preferences;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.6.178",
+  "version": "1.6.180",
   "files": [
     "dist"
   ],
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.113",
-    "@blocklet/editor": "1.6.178",
-    "@blocklet/labels": "1.6.178",
+    "@blocklet/editor": "1.6.180",
+    "@blocklet/labels": "1.6.180",
     "@blocklet/uploader": "^0.0.75",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -94,5 +94,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "48e04a03997f3131441515fe23863ed721b99366"
+  "gitHead": "87889daed2a12027c6d43c52ca59c1bdbacc764c"
 }