@blocklet/discuss-kit-ux 1.6.212 → 1.6.213

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

package/dist/{index-MrnIrDMc.mjs → index-BvgOMp6U.mjs}

@@ -8,6 +8,7 @@ var _a, _b;
 import { Labels2, LabelPicker } from "@blocklet/labels";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled } from "@mui/material/styles";
+import { create as create$1, styled as styled$1 } from "@arcblock/ux/lib/Theme";
 import { useEffect, useRef, lazy, useState, createElement, useContext, useMemo, isValidElement, Suspense, createContext, Fragment as Fragment$1, forwardRef, useCallback } from "react";
 import Box from "@mui/material/Box";
 import isNil from "lodash/isNil";
@@ -25,7 +26,6 @@ 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";
@@ -76,46 +76,138 @@ import { createContainer } from "unstated-next";
 import Cookie from "js-cookie";
 import { WsClient } from "@arcblock/ws";
 import { css } from "@emotion/css";
+const typography = {
+  h1: {
+    fontSize: "1.875rem",
+    lineHeight: 1.2,
+    fontWeight: 800,
+    letterSpacing: "-.025em"
+  },
+  h2: {
+    fontSize: "1.5rem",
+    lineHeight: 1.3333333,
+    fontWeight: 700,
+    letterSpacing: "-.025em"
+  },
+  h3: {
+    fontSize: "1.25rem",
+    lineHeight: 1.4,
+    fontWeight: 600,
+    letterSpacing: "-.025em"
+  },
+  h4: {
+    fontSize: "1.125rem",
+    lineHeight: 1.5,
+    fontWeight: 600
+  },
+  h5: {
+    fontSize: "1rem",
+    lineHeight: 1.75,
+    fontWeight: 400
+  },
+  h6: {
+    fontSize: "1rem",
+    lineHeight: 1.75,
+    fontWeight: 400
+  },
+  subtitle1: {
+    fontSize: "1rem",
+    lineHeight: 1.75,
+    fontWeight: 400
+  },
+  subtitle2: {
+    fontSize: "1rem",
+    lineHeight: 1.75,
+    fontWeight: 400
+  },
+  body1: {
+    fontSize: "1rem",
+    lineHeight: 1.75
+  },
+  fontWeightLight: 300,
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightBold: 700
+};
 const themeOverrides = {
+  shape: {
+    borderRadius: 8
+  },
   components: {
+    MuiInputBase: {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {
+        root: ({ theme }) => ({
+          fontSize: "0.875rem",
+          // 调小输入框字体大小 (16px -> 14px)
+          backgroundColor: theme.palette.grey[50]
+        })
+      }
+    },
     MuiButton: {
       defaultProps: {
         size: "small"
       },
       styleOverrides: {
         root: {
+          fontWeight: 500,
           textTransform: "none"
+        },
+        outlinedPrimary: ({ theme }) => ({
+          border: `1px solid ${theme.palette.divider}`,
+          backgroundColor: "#fff",
+          "&:hover": {
+            border: `1px solid ${theme.palette.divider}`
+          }
+        }),
+        sizeSmall: {
+          height: 32
         }
       }
     },
     MuiIconButton: {
       defaultProps: {
         size: "small"
+      },
+      styleOverrides: {
+        root: {
+          textTransform: "none"
+        },
+        colorPrimary: {
+          backgroundColor: "#fff"
+        }
       }
     },
-    MuiToggleButtonGroup: {
-      defaultProps: {
-        size: "small"
+    MuiToggleButton: {
+      styleOverrides: {
+        root: {
+          textTransform: "none"
+        }
       }
     },
-    MuiToggleButton: {
+    MuiTab: {
       styleOverrides: {
         root: {
           textTransform: "none"
         }
       }
+    },
+    MuiTooltip: {
+      defaultProps: {
+        enterTouchDelay: 3e3,
+        leaveTouchDelay: 100
+      }
     }
   }
 };
 function InternalThemeProvider({ children }) {
   const theme = useTheme();
-  const merged = {
-    ...theme
-    // components: {
-    //   ...theme.components,
-    //   ...themeOverrides.components,
-    // },
-  };
+  const merged = create$1(theme, {
+    typography,
+    ...themeOverrides
+  });
   return /* @__PURE__ */ jsx(ThemeProvider, { theme: merged, children });
 }
 const repairBase64Avatar = (avatar) => {
@@ -5179,7 +5271,7 @@ function Pagination({
     }
   );
 }
-const Editor = lazy(() => import("./editor-D7VjqD2F.mjs"));
+const Editor = lazy(() => import("./editor-g8aVzRyQ.mjs"));
 function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -11345,85 +11437,86 @@ function SegmentedControl({ value, options, onChange, sx, ...rest }) {
   ) });
 }
 export {
-  useUnreadNotification as $,
+  UnreadNotificationContext as $,
   Avatar as A,
   Badge as B,
   CommentInput as C,
   DefaultEditorConfigProvider as D,
-  EmptyStatus as E,
-  BlogListWrapper as F,
+  BinaryThumb as E,
+  EmptyStatus as F,
   GithubReaction as G,
-  BlogCard as H,
+  BlogListWrapper as H,
   ImagePathFixerPlugin as I,
-  BlogPermaLink as J,
-  getBlogLink as K,
-  CoverImage as L,
+  BlogCard as J,
+  BlogPermaLink as K,
+  getBlogLink as L,
   Menu as M,
-  CoverImageUpload as N,
-  AccessControl as O,
+  CoverImage as N,
+  CoverImageUpload as O,
   Pagination as P,
-  useAuthzContext as Q,
+  AccessControl as Q,
   RelativeTime as R,
   ScrollableEditorWrapper as S,
-  AuthzProvider as T,
-  ChatClient as U,
+  useAuthzContext as T,
+  AuthzProvider as U,
   VideoPathFixerPlugin as V,
-  Chat as W,
-  ChatHeaderAddon as X,
-  useChatContext as Y,
-  ChatProvider as Z,
-  UnreadNotificationContext as _,
+  ChatClient as W,
+  Chat as X,
+  ChatHeaderAddon as Y,
+  useChatContext as Z,
+  ChatProvider as _,
   isEmptyContent as a,
-  UnreadNotificationProvider as a0,
-  Confirm as a1,
-  ConfirmContext as a2,
-  useConfirm as a3,
-  ConfirmProvider as a4,
-  SecureLabelPicker as a5,
-  useApiErrorHandler as a6,
-  useDefaultApiErrorHandler as a7,
-  DefaultApiErrorHandler as a8,
-  PreviousLocationRecorder as a9,
-  Back as aa,
-  LazyEditor as ab,
-  EditorPreview as ac,
-  DirtyPromptContainer as ad,
-  ConfirmNavigation as ae,
-  UploaderContext as af,
-  useUploader as ag,
-  UploaderTrigger as ah,
-  UploaderProvider as ai,
-  composeImageUrl as aj,
-  usePointUpContext as ak,
-  PointUpProvider as al,
-  ButtonGroup as am,
-  SegmentedControl as an,
-  create as ao,
-  getWsClient as ap,
-  useSubscription as aq,
+  useUnreadNotification as a0,
+  UnreadNotificationProvider as a1,
+  Confirm as a2,
+  ConfirmContext as a3,
+  useConfirm as a4,
+  ConfirmProvider as a5,
+  SecureLabelPicker as a6,
+  useApiErrorHandler as a7,
+  useDefaultApiErrorHandler as a8,
+  DefaultApiErrorHandler as a9,
+  PreviousLocationRecorder as aa,
+  Back as ab,
+  LazyEditor as ac,
+  EditorPreview as ad,
+  DirtyPromptContainer as ae,
+  ConfirmNavigation as af,
+  UploaderContext as ag,
+  useUploader as ah,
+  UploaderTrigger as ai,
+  UploaderProvider as aj,
+  composeImageUrl as ak,
+  usePointUpContext as al,
+  PointUpProvider as am,
+  ButtonGroup as an,
+  SegmentedControl as ao,
+  create as ap,
+  getWsClient as aq,
+  useSubscription as ar,
   Input as b,
   useChanged as c,
   useSessionContext as d,
   utils as e,
-  themeOverrides as f,
+  typography as f,
   getExcerptSync as g,
-  InternalThemeProvider as h,
+  themeOverrides as h,
   inferInitialEditorState as i,
-  Avatars as j,
-  AuthorInfo as k,
+  InternalThemeProvider as j,
+  Avatars as k,
   lexical as l,
-  SystemUser as m,
-  PostContent as n,
-  PostComponent as o,
+  AuthorInfo as m,
+  SystemUser as n,
+  PostContent as o,
   preferences as p,
-  Comment as q,
+  PostComponent as q,
   routes as r,
   stringify as s,
   translations as t,
   useNow as u,
-  CommentList as v,
-  CommentsContext as w,
-  useCommentsContext as x,
-  CommentsProvider as y,
-  BinaryThumb as z
+  Comment as v,
+  CommentList as w,
+  CommentsContext as x,
+  useCommentsContext as y,
+  CommentsProvider as z
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export * from '@blocklet/labels';
-export * from './components/shared/theme';
+export * from './theme';
 export { Input, CommentInput, ScrollableEditorWrapper } from './components/input';
 export * from './components/avatars';
 export * from './components/posts';

package/dist/index.es.js

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

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("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("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("url-join"), 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/colors/grey"), 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", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "url-join", "react-dom", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@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.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.joinUrl, global.reactDom, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, 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, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, joinUrl, reactDom, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, 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("@arcblock/ux/lib/Theme"), 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/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("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("url-join"), 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/colors/grey"), 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", "@arcblock/ux/lib/Theme", "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/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", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "url-join", "react-dom", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@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.Theme, 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.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.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.joinUrl, global.reactDom, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, 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, Theme, react, Box, 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, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, joinUrl, reactDom, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, 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) => {
@@ -9,46 +9,138 @@ var __publicField = (obj, key, value) => {
 };
 
   var _a, _b;
+  const typography = {
+    h1: {
+      fontSize: "1.875rem",
+      lineHeight: 1.2,
+      fontWeight: 800,
+      letterSpacing: "-.025em"
+    },
+    h2: {
+      fontSize: "1.5rem",
+      lineHeight: 1.3333333,
+      fontWeight: 700,
+      letterSpacing: "-.025em"
+    },
+    h3: {
+      fontSize: "1.25rem",
+      lineHeight: 1.4,
+      fontWeight: 600,
+      letterSpacing: "-.025em"
+    },
+    h4: {
+      fontSize: "1.125rem",
+      lineHeight: 1.5,
+      fontWeight: 600
+    },
+    h5: {
+      fontSize: "1rem",
+      lineHeight: 1.75,
+      fontWeight: 400
+    },
+    h6: {
+      fontSize: "1rem",
+      lineHeight: 1.75,
+      fontWeight: 400
+    },
+    subtitle1: {
+      fontSize: "1rem",
+      lineHeight: 1.75,
+      fontWeight: 400
+    },
+    subtitle2: {
+      fontSize: "1rem",
+      lineHeight: 1.75,
+      fontWeight: 400
+    },
+    body1: {
+      fontSize: "1rem",
+      lineHeight: 1.75
+    },
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 700
+  };
   const themeOverrides = {
+    shape: {
+      borderRadius: 8
+    },
     components: {
+      MuiInputBase: {
+        defaultProps: {
+          size: "small"
+        },
+        styleOverrides: {
+          root: ({ theme }) => ({
+            fontSize: "0.875rem",
+            // 调小输入框字体大小 (16px -> 14px)
+            backgroundColor: theme.palette.grey[50]
+          })
+        }
+      },
       MuiButton: {
         defaultProps: {
           size: "small"
         },
         styleOverrides: {
           root: {
+            fontWeight: 500,
             textTransform: "none"
+          },
+          outlinedPrimary: ({ theme }) => ({
+            border: `1px solid ${theme.palette.divider}`,
+            backgroundColor: "#fff",
+            "&:hover": {
+              border: `1px solid ${theme.palette.divider}`
+            }
+          }),
+          sizeSmall: {
+            height: 32
           }
         }
       },
       MuiIconButton: {
         defaultProps: {
           size: "small"
+        },
+        styleOverrides: {
+          root: {
+            textTransform: "none"
+          },
+          colorPrimary: {
+            backgroundColor: "#fff"
+          }
         }
       },
-      MuiToggleButtonGroup: {
-        defaultProps: {
-          size: "small"
+      MuiToggleButton: {
+        styleOverrides: {
+          root: {
+            textTransform: "none"
+          }
         }
       },
-      MuiToggleButton: {
+      MuiTab: {
         styleOverrides: {
           root: {
             textTransform: "none"
           }
         }
+      },
+      MuiTooltip: {
+        defaultProps: {
+          enterTouchDelay: 3e3,
+          leaveTouchDelay: 100
+        }
       }
     }
   };
   function InternalThemeProvider({ children }) {
     const theme = styles.useTheme();
-    const merged = {
-      ...theme
-      // components: {
-      //   ...theme.components,
-      //   ...themeOverrides.components,
-      // },
-    };
+    const merged = Theme.create(theme, {
+      typography,
+      ...themeOverrides
+    });
     return /* @__PURE__ */ jsxRuntime.jsx(styles.ThemeProvider, { theme: merged, children });
   }
   const repairBase64Avatar = (avatar) => {
@@ -11369,6 +11461,7 @@ var __publicField = (obj, key, value) => {
   exports2.routes = routes;
   exports2.themeOverrides = themeOverrides;
   exports2.translations = translations;
+  exports2.typography = typography;
   exports2.useApiErrorHandler = useApiErrorHandler;
   exports2.useAuthzContext = useAuthzContext;
   exports2.useChanged = useChanged;

package/dist/{components/shared/theme.d.ts → theme/index.d.ts}

@@ -1,6 +1,9 @@
+import { typography } from './typography';
+import { default as React } from 'react';
 import { ThemeOptions } from '@mui/material/styles';
 
+export { typography };
 export declare const themeOverrides: Partial<ThemeOptions>;
 export declare function InternalThemeProvider({ children }: {
-    children: any;
+    children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/theme/typography.d.ts

@@ -0,0 +1,3 @@
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+
+export declare const typography: TypographyOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.6.212",
+  "version": "1.6.213",
   "files": [
     "dist"
   ],
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.115",
-    "@blocklet/editor": "1.6.212",
-    "@blocklet/labels": "1.6.212",
+    "@blocklet/editor": "1.6.213",
+    "@blocklet/labels": "1.6.213",
     "@blocklet/uploader": "^0.0.77",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -94,5 +94,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "3f73487eb255540445ffbf9f9a9a84df7af8d0e6"
+  "gitHead": "03b4c48a34d63d8d539a94c3fc77313fb44b7fbe"
 }