@blocklet/discuss-kit-ux 1.6.186 → 1.6.187

package/dist/{editor-HUTb7nXS.mjs → editor-1S0suIcX.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-p8mA3-D0.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-q1fCyaqz.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";

package/dist/{index-p8mA3-D0.mjs → index-q1fCyaqz.mjs}

@@ -3890,6 +3890,7 @@ function Message({ message, prevMessage, showTime = true, ...rest }) {
         !compactMessage && /* @__PURE__ */ jsx(
           AuthorInfo,
           {
+            showBadge: false,
             showProfileCard: true,
             user: message.sender,
             createdAt: showTime ? message.createdAt : void 0,
@@ -4229,20 +4230,47 @@ function MessageList({ chat, ...rest }) {
         },
         ref: containerRef,
         children: [
-          chat.nextCursor && /* @__PURE__ */ jsx(Box, { id: "next-cursor", sx: { display: "flex", justifyContent: "center", py: 0.5 }, children: /* @__PURE__ */ jsx(
-            Button,
+          chat.nextCursor && /* @__PURE__ */ jsx(
+            Box,
             {
-              variant: "text",
-              color: "inherit",
-              onClick: async () => {
-                var _a3;
-                (_a3 = document.getElementById("next-cursor")) == null ? void 0 : _a3.scrollIntoView();
-                await loadMessages(chat.id, chat.nextCursor);
+              id: "next-cursor",
+              sx: {
+                display: "flex",
+                justifyContent: "center",
+                py: 0.5,
+                // 闪烁
+                "@keyframes fade-in": {
+                  "0%": { opacity: 0 },
+                  "50%": { opacity: 1 },
+                  "100%": { opacity: 0 }
+                }
               },
-              startIcon: /* @__PURE__ */ jsx(ArrowUpward, {}),
-              children: t("chat.loadMore")
+              children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "text",
+                  color: "inherit",
+                  onClick: async () => {
+                    await loadMessages(chat.id, chat.nextCursor);
+                    setTimeout(() => {
+                      var _a3, _b3;
+                      const divider = document.createElement("div");
+                      divider.style.animation = "fade-in 1s linear";
+                      divider.style.animationIterationCount = "5";
+                      divider.style.borderTop = "1px solid #e5e5e5";
+                      divider.style.opacity = "0";
+                      divider.style.height = "0";
+                      const insertBeforeElement = document.getElementById(chat.nextCursor);
+                      (_a3 = insertBeforeElement == null ? void 0 : insertBeforeElement.parentElement) == null ? void 0 : _a3.insertBefore(divider, insertBeforeElement);
+                      (_b3 = containerRef.current) == null ? void 0 : _b3.scrollTo({ top: divider.offsetTop - 140, behavior: "smooth" });
+                    }, 100);
+                  },
+                  startIcon: /* @__PURE__ */ jsx(ArrowUpward, {}),
+                  children: t("chat.loadMore")
+                }
+              )
             }
-          ) }),
+          ),
           chat.type !== "notification" && ((_a2 = chat.messages) == null ? void 0 : _a2.map((message, index) => {
             var _a3;
             const prev = (_a3 = chat.messages) == null ? void 0 : _a3[index - 1];
@@ -5065,7 +5093,7 @@ function Pagination({
     }
   );
 }
-const Editor = lazy(() => import("./editor-HUTb7nXS.mjs"));
+const Editor = lazy(() => import("./editor-1S0suIcX.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 { N, j, Q, A, h, a8, B, y, F, z, H, ak, U, T, W, Y, o, C, q, v, x, a0, a1, ac, a3, K, L, D, ab, aa, E, G, b, f, a9, M, P, aj, n, m, a7, R, S, a4, al, k, Z, $, ad, ag, af, ah, am, J, an, l, p, r, e, t, a5, O, c, X, w, a2, a6, u, ai, ao, _, ae, d } from "./index-p8mA3-D0.mjs";
+import { N, j, Q, A, h, a8, B, y, F, z, H, ak, U, T, W, Y, o, C, q, v, x, a0, a1, ac, a3, K, L, D, ab, aa, E, G, b, f, a9, M, P, aj, n, m, a7, R, S, a4, al, k, Z, $, ad, ag, af, ah, am, J, an, l, p, r, e, t, a5, O, c, X, w, a2, a6, u, ai, ao, _, ae, d } from "./index-q1fCyaqz.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -3823,6 +3823,7 @@ var __publicField = (obj, key, value) => {
           !compactMessage && /* @__PURE__ */ jsxRuntime.jsx(
             AuthorInfo,
             {
+              showBadge: false,
               showProfileCard: true,
               user: message.sender,
               createdAt: showTime ? message.createdAt : void 0,
@@ -4162,20 +4163,47 @@ var __publicField = (obj, key, value) => {
           },
           ref: containerRef,
           children: [
-            chat.nextCursor && /* @__PURE__ */ jsxRuntime.jsx(Box, { id: "next-cursor", sx: { display: "flex", justifyContent: "center", py: 0.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+            chat.nextCursor && /* @__PURE__ */ jsxRuntime.jsx(
+              Box,
               {
-                variant: "text",
-                color: "inherit",
-                onClick: async () => {
-                  var _a3;
-                  (_a3 = document.getElementById("next-cursor")) == null ? void 0 : _a3.scrollIntoView();
-                  await loadMessages(chat.id, chat.nextCursor);
+                id: "next-cursor",
+                sx: {
+                  display: "flex",
+                  justifyContent: "center",
+                  py: 0.5,
+                  // 闪烁
+                  "@keyframes fade-in": {
+                    "0%": { opacity: 0 },
+                    "50%": { opacity: 1 },
+                    "100%": { opacity: 0 }
+                  }
                 },
-                startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowUpward, {}),
-                children: t("chat.loadMore")
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "text",
+                    color: "inherit",
+                    onClick: async () => {
+                      await loadMessages(chat.id, chat.nextCursor);
+                      setTimeout(() => {
+                        var _a3, _b3;
+                        const divider = document.createElement("div");
+                        divider.style.animation = "fade-in 1s linear";
+                        divider.style.animationIterationCount = "5";
+                        divider.style.borderTop = "1px solid #e5e5e5";
+                        divider.style.opacity = "0";
+                        divider.style.height = "0";
+                        const insertBeforeElement = document.getElementById(chat.nextCursor);
+                        (_a3 = insertBeforeElement == null ? void 0 : insertBeforeElement.parentElement) == null ? void 0 : _a3.insertBefore(divider, insertBeforeElement);
+                        (_b3 = containerRef.current) == null ? void 0 : _b3.scrollTo({ top: divider.offsetTop - 140, behavior: "smooth" });
+                      }, 100);
+                    },
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowUpward, {}),
+                    children: t("chat.loadMore")
+                  }
+                )
               }
-            ) }),
+            ),
             chat.type !== "notification" && ((_a2 = chat.messages) == null ? void 0 : _a2.map((message, index) => {
               var _a3;
               const prev = (_a3 = chat.messages) == null ? void 0 : _a3[index - 1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.6.186",
+  "version": "1.6.187",
   "files": [
     "dist"
   ],
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.113",
-    "@blocklet/editor": "1.6.186",
-    "@blocklet/labels": "1.6.186",
+    "@blocklet/editor": "1.6.187",
+    "@blocklet/labels": "1.6.187",
     "@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": "e69b93c8f16dabea9ed1e866780815936250b052"
+  "gitHead": "ef33879af45606451039ad019ceed367851d4731"
 }