@expcat/tigercat-react 2.0.0-rc.2 → 2.0.0

package/dist/chunk-XIVU7TWX.mjs

@@ -1,305 +0,0 @@
-import {
-  Timeline
-} from "./chunk-QB5472NM.mjs";
-import {
-  Link
-} from "./chunk-XZVQ3PJS.mjs";
-import {
-  Loading
-} from "./chunk-AJJJ6HWC.mjs";
-import {
-  Tag
-} from "./chunk-7EXOY7GD.mjs";
-import {
-  Text
-} from "./chunk-HLS4CHWX.mjs";
-import {
-  Card
-} from "./chunk-IXV5YBCZ.mjs";
-import {
-  Avatar
-} from "./chunk-OO562MFD.mjs";
-
-// src/components/ActivityFeed.tsx
-import { useMemo } from "react";
-import {
-  classNames,
-  buildActivityGroups,
-  formatActivityTime,
-  toActivityTimelineItems,
-  activityItemClasses,
-  activityItemLayoutClasses,
-  activityItemBodyClasses,
-  activityItemHeaderClasses,
-  activityItemTitleGroupClasses,
-  activityItemDescriptionClasses,
-  activityItemActionsClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var renderAction = (item, action, index) => {
-  const key = action.key ?? `${item.id}-action-${index}`;
-  return /* @__PURE__ */ jsx(
-    Link,
-    {
-      size: "sm",
-      variant: "primary",
-      underline: false,
-      href: action.href,
-      target: action.target,
-      disabled: action.disabled,
-      className: "inline-flex items-center px-2.5 py-1 rounded-lg hover:bg-blue-50/50 dark:hover:bg-blue-950/20 text-xs font-semibold transition-all duration-200",
-      onClick: () => action.onClick?.(item, action),
-      children: action.label
-    },
-    key
-  );
-};
-var ActivityFeed = ({
-  items = [],
-  groups,
-  groupBy,
-  groupOrder,
-  loading = false,
-  loadingText = "\u52A0\u8F7D\u4E2D...",
-  emptyText = "\u6682\u65E0\u52A8\u6001",
-  showAvatar = true,
-  showTime = true,
-  showGroupTitle = true,
-  renderItem,
-  renderGroupHeader,
-  className,
-  ...props
-}) => {
-  const resolvedGroups = useMemo(
-    () => buildActivityGroups(items, groups, groupBy, groupOrder),
-    [items, groups, groupBy, groupOrder]
-  );
-  const wrapperClasses = classNames(
-    "tiger-activity-feed",
-    "flex",
-    "flex-col",
-    "gap-6",
-    "w-full",
-    className
-  );
-  const renderDefaultItem = (item, index, group) => {
-    if (renderItem) return renderItem(item, index, group);
-    const titleText = item.title ?? (typeof item.content === "string" || typeof item.content === "number" ? String(item.content) : "");
-    const descriptionText = item.description;
-    const timeText = showTime ? formatActivityTime(item.time) : "";
-    const actionNodes = item.actions?.map(
-      (action, actionIndex) => renderAction(item, action, actionIndex)
-    );
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: classNames(
-          activityItemClasses,
-          "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"
-        ),
-        children: /* @__PURE__ */ jsxs("div", { className: activityItemLayoutClasses, children: [
-          showAvatar && item.user ? /* @__PURE__ */ jsx(
-            Avatar,
-            {
-              size: "sm",
-              src: item.user.avatar,
-              text: item.user.name,
-              className: "shrink-0 ring-2 ring-white dark:ring-gray-900 shadow-sm transition-transform hover:scale-105 duration-200"
-            }
-          ) : null,
-          /* @__PURE__ */ jsxs("div", { className: activityItemBodyClasses, children: [
-            /* @__PURE__ */ jsxs("div", { className: activityItemHeaderClasses, children: [
-              /* @__PURE__ */ jsxs("div", { className: activityItemTitleGroupClasses, children: [
-                titleText ? /* @__PURE__ */ jsx(
-                  Text,
-                  {
-                    tag: "div",
-                    size: "sm",
-                    weight: "semibold",
-                    className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate",
-                    children: titleText
-                  }
-                ) : null,
-                item.status ? /* @__PURE__ */ jsx(
-                  Tag,
-                  {
-                    variant: item.status.variant ?? "default",
-                    size: "sm",
-                    className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10 shadow-sm",
-                    children: item.status.label
-                  }
-                ) : null
-              ] }),
-              timeText ? /* @__PURE__ */ jsx(
-                Text,
-                {
-                  tag: "div",
-                  size: "xs",
-                  color: "muted",
-                  className: "shrink-0 whitespace-nowrap font-medium text-gray-400 dark:text-gray-500",
-                  children: timeText
-                }
-              ) : null
-            ] }),
-            descriptionText ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                tag: "div",
-                size: "sm",
-                color: "muted",
-                className: classNames(
-                  activityItemDescriptionClasses,
-                  "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"
-                ),
-                children: descriptionText
-              }
-            ) : null,
-            actionNodes?.length ? /* @__PURE__ */ jsx("div", { className: classNames(activityItemActionsClasses, "mt-2.5"), children: actionNodes }) : null
-          ] })
-        ] })
-      }
-    );
-  };
-  if (loading) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: wrapperClasses,
-        role: "feed",
-        "aria-label": "\u52A8\u6001",
-        "aria-busy": true,
-        ...props,
-        "data-tiger-activity-feed": true,
-        children: /* @__PURE__ */ jsx(
-          Card,
-          {
-            variant: "bordered",
-            size: "sm",
-            className: "tiger-activity-feed-loading bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden",
-            children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loading, { text: loadingText, className: "text-blue-500 dark:text-blue-400 font-medium" }) })
-          }
-        )
-      }
-    );
-  }
-  if (resolvedGroups.length === 0) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: wrapperClasses,
-        role: "feed",
-        "aria-label": "\u52A8\u6001",
-        ...props,
-        "data-tiger-activity-feed": true,
-        children: /* @__PURE__ */ jsx(
-          Card,
-          {
-            variant: "bordered",
-            size: "sm",
-            className: "tiger-activity-feed-empty bg-white/40 dark:bg-gray-900/20 border-gray-100 dark:border-gray-800/80 backdrop-blur-sm rounded-2xl shadow-sm overflow-hidden",
-            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4", children: [
-              /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  className: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
-                  fill: "none",
-                  viewBox: "0 0 24 24",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
-            ] })
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: wrapperClasses,
-      role: "feed",
-      "aria-label": "\u52A8\u6001",
-      ...props,
-      "data-tiger-activity-feed": true,
-      children: resolvedGroups.map((group, groupIndex) => {
-        const headerNode = renderGroupHeader?.(group);
-        const groupTitle = group.title;
-        const timelineItems = toActivityTimelineItems(group.items);
-        return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          showGroupTitle && groupTitle ? headerNode ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20" }),
-            /* @__PURE__ */ jsx(
-              Text,
-              {
-                tag: "span",
-                size: "sm",
-                weight: "bold",
-                className: "text-gray-900 dark:text-gray-100 uppercase tracking-wider",
-                children: groupTitle
-              }
-            )
-          ] }) : null,
-          /* @__PURE__ */ jsx(
-            Timeline,
-            {
-              items: timelineItems,
-              style: {
-                "--tiger-border": "rgba(156, 163, 175, 0.18)"
-              },
-              renderDot: (timelineItem) => {
-                const activity = timelineItem.activity;
-                const statusVariant = activity?.status?.variant ?? "default";
-                const baseDotClass = "w-3 h-3 rounded-full border-2 border-white dark:border-gray-950 shadow-sm";
-                let colorClass = "bg-gray-300 dark:bg-gray-700";
-                let pulseClass = "";
-                if (statusVariant === "success") {
-                  colorClass = "bg-emerald-500";
-                  pulseClass = "bg-emerald-500/30";
-                } else if (statusVariant === "warning") {
-                  colorClass = "bg-amber-500";
-                  pulseClass = "bg-amber-500/30";
-                } else if (statusVariant === "error" || statusVariant === "danger") {
-                  colorClass = "bg-rose-500";
-                  pulseClass = "bg-rose-500/30";
-                } else if (statusVariant === "primary" || statusVariant === "info") {
-                  colorClass = "bg-blue-500";
-                  pulseClass = "bg-blue-500/30";
-                }
-                return /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center w-4 h-4", children: [
-                  pulseClass ? /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}`
-                    }
-                  ) : null,
-                  /* @__PURE__ */ jsx("span", { className: `${baseDotClass} ${colorClass} relative z-10` })
-                ] });
-              },
-              renderItem: (timelineItem, index) => {
-                const activity = timelineItem.activity;
-                if (!activity) return null;
-                return renderDefaultItem(activity, index, group);
-              }
-            }
-          )
-        ] }, group.key ?? groupIndex);
-      })
-    }
-  );
-};
-var ActivityFeed_default = ActivityFeed;
-
-export {
-  ActivityFeed,
-  ActivityFeed_default
-};