@solostylist/ui-kit 1.0.230 → 2.0.1

package/dist/s-comment-message-Dum0P6de.js

@@ -1,169 +0,0 @@
-import { i as e } from "./utils-B5Rl6Zwv.js";
-import { t } from "./createSvgIcon-HW-tbFcL.js";
-import { t as n } from "./ExpandMore-DIsT5FOp.js";
-import { t as r } from "./Favorite-CbvuQfe4.js";
-import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
-import { SAvatar as a } from "./s-avatar/s-avatar.js";
-import { useEffect as o, useId as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Box as d, Button as f, Collapse as p, IconButton as m, Stack as h, Typography as g } from "@mui/material";
-//#region ../../node_modules/@mui/icons-material/ExpandLess.mjs
-var _ = t(/* @__PURE__ */ l("path", { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" }), "ExpandLess"), v = t(/* @__PURE__ */ l("path", { d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" }), "FavoriteBorder"), y = t(/* @__PURE__ */ l("path", { d: "M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11" }), "Reply"), b = ({ id: t, userName: x, userAvatar: S, commentContent: C, datetime: w, likes: T = 0, isLiked: E = !1, replies: D = [], totalReplies: O, onLike: k, onReply: A, onToggleReplies: j, showReplies: M = !0, avatarSize: N = 48, level: P = 0, maxLevel: F = 3, loading: I = !1, children: L, sx: R = {} }) => {
-	let z = s(), B = t ?? z, [V, H] = c(T), [U, W] = c(E), [G, K] = c(!1), q = () => {
-		U ? (H((e) => Math.max(0, e - 1)), W(!1)) : (H((e) => e + 1), W(!0)), k && k(B);
-	}, J = () => {
-		A && A(B);
-	}, Y = () => {
-		K(!G), j && j(B);
-	}, X = e(w), Z = O ?? D.length, Q = Z > 0, $ = Math.min(P, F) * 2;
-	return o(() => {
-		H(T);
-	}, [T]), o(() => {
-		W(E);
-	}, [E]), I ? /* @__PURE__ */ l(d, {
-		sx: {
-			pl: $,
-			py: 1,
-			...R
-		},
-		children: /* @__PURE__ */ u(h, {
-			direction: "row",
-			spacing: 2,
-			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ l(i, {
-				variant: "circular",
-				width: N,
-				height: N
-			}), /* @__PURE__ */ u(d, {
-				sx: { flex: 1 },
-				children: [
-					/* @__PURE__ */ u(h, {
-						direction: "row",
-						spacing: 2,
-						sx: {
-							alignItems: "center",
-							mb: 1
-						},
-						children: [/* @__PURE__ */ l(i, {
-							width: 120,
-							height: 20
-						}), /* @__PURE__ */ l(i, {
-							width: 80,
-							height: 16
-						})]
-					}),
-					/* @__PURE__ */ l(i, {
-						height: 16,
-						sx: { mb: .5 }
-					}),
-					/* @__PURE__ */ l(i, {
-						width: "85%",
-						height: 16,
-						sx: { mb: .5 }
-					}),
-					/* @__PURE__ */ l(i, {
-						width: "70%",
-						height: 16,
-						sx: { mb: 2 }
-					}),
-					/* @__PURE__ */ u(h, {
-						direction: "row",
-						spacing: 1,
-						sx: { alignItems: "center" },
-						children: [
-							/* @__PURE__ */ l(i, { preset: "icon-button" }),
-							/* @__PURE__ */ l(i, {
-								width: 20,
-								height: 16
-							}),
-							/* @__PURE__ */ l(i, { width: 60 }),
-							/* @__PURE__ */ l(i, { width: 80 })
-						]
-					})
-				]
-			})]
-		})
-	}) : /* @__PURE__ */ u(d, {
-		sx: {
-			pl: $,
-			py: 1,
-			...R
-		},
-		children: [/* @__PURE__ */ u(h, {
-			direction: "row",
-			spacing: 2,
-			sx: { alignItems: "flex-start" },
-			children: [/* @__PURE__ */ l(a, {
-				avatar: S,
-				name: x,
-				size: N
-			}), /* @__PURE__ */ u(d, {
-				sx: { flex: 1 },
-				children: [
-					/* @__PURE__ */ l(g, {
-						variant: "subtitle1",
-						children: x
-					}),
-					/* @__PURE__ */ l(g, {
-						variant: "body1",
-						children: C
-					}),
-					/* @__PURE__ */ l(g, {
-						variant: "caption",
-						children: X
-					}),
-					/* @__PURE__ */ u(h, {
-						direction: "row",
-						spacing: 1,
-						sx: { alignItems: "center" },
-						children: [
-							/* @__PURE__ */ l(m, {
-								onClick: q,
-								sx: { color: U ? "error.main" : "text.secondary" },
-								children: l(U ? r : v, {})
-							}),
-							V > 0 && /* @__PURE__ */ l(g, {
-								variant: "caption",
-								children: V
-							}),
-							/* @__PURE__ */ l(f, {
-								startIcon: /* @__PURE__ */ l(y, {}),
-								onClick: J,
-								variant: "text",
-								children: "Reply"
-							}),
-							Q && M && /* @__PURE__ */ u(f, {
-								startIcon: l(G ? _ : n, {}),
-								onClick: Y,
-								variant: "text",
-								children: [
-									Z,
-									" ",
-									Z === 1 ? "reply" : "replies"
-								]
-							})
-						]
-					}),
-					L && /* @__PURE__ */ l(d, { children: L })
-				]
-			})]
-		}), Q && M && /* @__PURE__ */ l(p, {
-			in: G,
-			children: /* @__PURE__ */ l(d, {
-				sx: { mt: 2 },
-				children: D.map((e, t) => /* @__PURE__ */ l(b, {
-					...e,
-					level: P + 1,
-					maxLevel: F,
-					onLike: k,
-					onReply: A,
-					showReplies: M,
-					avatarSize: Math.max(32, N - 8)
-				}, e.id ?? `reply-${t}`))
-			})
-		})]
-	});
-};
-b.displayName = "SCommentMessage";
-//#endregion
-export { b as t };