@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-6SG2N4WF.js

@@ -1,443 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkGPAY5F7Djs = require('./chunk-GPAY5F7D.js');
-
-
-var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
-
-
-var _chunkTLDTBCT6js = require('./chunk-TLDTBCT6.js');
-
-
-var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
-
-
-var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.js');
-
-// src/components/CommentThread.tsx
-var _react = require('react');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var CommentThread = ({
-  nodes,
-  items,
-  maxDepth = 3,
-  maxReplies = 3,
-  defaultExpandedKeys = [],
-  expandedKeys,
-  emptyText = "\u6682\u65E0\u8BC4\u8BBA",
-  replyPlaceholder = "\u5199\u4E0B\u56DE\u590D...",
-  replyButtonText = "\u56DE\u590D",
-  cancelReplyText = "\u53D6\u6D88",
-  likeText = "\u70B9\u8D5E",
-  likedText = "\u5DF2\u8D5E",
-  replyText = "\u56DE\u590D",
-  moreText = "\u66F4\u591A",
-  loadMoreText = "\u52A0\u8F7D\u66F4\u591A",
-  showAvatar = true,
-  showDivider = true,
-  showLike = true,
-  showReply = true,
-  showMore = true,
-  onLike,
-  onReply,
-  onMore,
-  onAction,
-  onExpandedChange,
-  onLoadMore,
-  className,
-  ...divProps
-}) => {
-  const [innerExpandedKeys, setInnerExpandedKeys] = _react.useState.call(void 0, defaultExpandedKeys);
-  const [expandedAllKeys, setExpandedAllKeys] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const [replyingTo, setReplyingTo] = _react.useState.call(void 0, null);
-  const [replyValue, setReplyValue] = _react.useState.call(void 0, "");
-  const mergedExpandedKeys = _nullishCoalesce(expandedKeys, () => ( innerExpandedKeys));
-  const expandedSet = _react.useMemo.call(void 0, 
-    () => new Set(mergedExpandedKeys),
-    [mergedExpandedKeys]
-  );
-  const resolvedNodes = _react.useMemo.call(void 0, () => {
-    const tree = nodes && nodes.length > 0 ? nodes : _tigercatcore.buildCommentTree.call(void 0, _nullishCoalesce(items, () => ( [])));
-    return _tigercatcore.clipCommentTreeDepth.call(void 0, tree, maxDepth);
-  }, [nodes, items, maxDepth]);
-  const updateExpandedKeys = (next) => {
-    if (!expandedKeys) {
-      setInnerExpandedKeys(next);
-    }
-    _optionalChain([onExpandedChange, 'optionalCall', _ => _(next)]);
-  };
-  const toggleExpanded = (id) => {
-    const next = expandedSet.has(id) ? mergedExpandedKeys.filter((key) => key !== id) : [...mergedExpandedKeys, id];
-    updateExpandedKeys(next);
-  };
-  const handleLoadMore = (node) => {
-    setExpandedAllKeys((prev) => {
-      const next = new Set(prev);
-      next.add(node.id);
-      return next;
-    });
-    _optionalChain([onLoadMore, 'optionalCall', _2 => _2(node)]);
-  };
-  const handleReplySubmit = (node) => {
-    const trimmed = replyValue.trim();
-    if (!trimmed) return;
-    _optionalChain([onReply, 'optionalCall', _3 => _3(node, replyValue)]);
-    setReplyValue("");
-    setReplyingTo(null);
-    if (!expandedSet.has(node.id)) {
-      const next = [...mergedExpandedKeys, node.id];
-      updateExpandedKeys(next);
-    }
-  };
-  const BTN_BASE = "px-2 py-0.5 h-auto min-h-0 text-xs rounded-md transition-all duration-200 ease-out";
-  const ACTION_BTN = `${BTN_BASE} text-gray-500 dark:text-gray-400 font-medium flex items-center gap-1.5`;
-  const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] dark:text-blue-400 dark:hover:text-blue-300 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10`;
-  const renderNode = (node, depth, isLast) => {
-    const children = _nullishCoalesce(node.children, () => ( []));
-    const hasChildren = children.length > 0;
-    const isExpanded = expandedSet.has(node.id);
-    const showReplies = hasChildren && isExpanded;
-    const showAllReplies = expandedAllKeys.has(node.id);
-    const repliesId = `tiger-comment-replies-${node.id}`;
-    const visibleChildren = showReplies ? maxReplies > 0 && !showAllReplies ? children.slice(0, maxReplies) : children : [];
-    const showLoadMoreBtn = showReplies && maxReplies > 0 && children.length > maxReplies && !showAllReplies;
-    const actions = [];
-    if (showLike) {
-      const likeLabel = node.liked ? likedText : likeText;
-      const likeCount = node.likes ? ` ${node.likes}` : "";
-      actions.push(
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkZLNBE4ISjs.Button,
-          {
-            size: "sm",
-            variant: "ghost",
-            className: _tigercatcore.classNames.call(void 0, 
-              ACTION_BTN,
-              "hover:text-blue-600 hover:bg-blue-50/50 dark:hover:text-blue-400 dark:hover:bg-blue-950/20",
-              node.liked && "text-blue-600 dark:text-blue-400 bg-blue-50/30 dark:bg-blue-950/10 font-semibold border-blue-200/40 dark:border-blue-800/30"
-            ),
-            onClick: () => _optionalChain([onLike, 'optionalCall', _4 => _4(node, !node.liked)]),
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "svg",
-                {
-                  className: _tigercatcore.classNames.call(void 0, 
-                    "w-3.5 h-3.5 transition-transform duration-200 active:scale-125",
-                    node.liked ? "fill-current" : "stroke-current fill-none"
-                  ),
-                  viewBox: "0 0 24 24",
-                  strokeWidth: "2",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.421.068.848.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 010-7.764c.26-.85.1083-1.368 1.972-1.368h.908c.445 0 .72.498.523.898a8.963 8.963 0 00-.27.602"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: `${likeLabel}${likeCount}` })
-            ]
-          },
-          "like"
-        )
-      );
-    }
-    if (showReply) {
-      actions.push(
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkZLNBE4ISjs.Button,
-          {
-            size: "sm",
-            variant: "ghost",
-            className: _tigercatcore.classNames.call(void 0, 
-              ACTION_BTN,
-              "hover:text-emerald-600 hover:bg-emerald-50/50 dark:hover:text-emerald-400 dark:hover:bg-emerald-950/20"
-            ),
-            onClick: () => {
-              setReplyingTo((prev) => prev === node.id ? null : node.id);
-              setReplyValue("");
-            },
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "svg",
-                {
-                  className: "w-3.5 h-3.5",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: replyText })
-            ]
-          },
-          "reply"
-        )
-      );
-    }
-    if (showMore) {
-      actions.push(
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkZLNBE4ISjs.Button,
-          {
-            size: "sm",
-            variant: "ghost",
-            className: _tigercatcore.classNames.call(void 0, 
-              ACTION_BTN,
-              "hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800"
-            ),
-            onClick: () => _optionalChain([onMore, 'optionalCall', _5 => _5(node)]),
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "svg",
-                {
-                  className: "w-3.5 h-3.5",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M6.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM12.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0zM18.75 12a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: moreText })
-            ]
-          },
-          "more"
-        )
-      );
-    }
-    if (node.actions && node.actions.length > 0) {
-      node.actions.forEach((action, index) => {
-        const actionKey = _nullishCoalesce(action.key, () => ( `${node.id}-action-${index}`));
-        actions.push(
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkZLNBE4ISjs.Button,
-            {
-              size: "sm",
-              variant: _nullishCoalesce(action.variant, () => ( "ghost")),
-              className: _tigercatcore.classNames.call(void 0, ACTION_BTN, "hover:bg-gray-100 dark:hover:bg-gray-800"),
-              disabled: action.disabled,
-              onClick: () => {
-                _optionalChain([action, 'access', _6 => _6.onClick, 'optionalCall', _7 => _7(node, action)]);
-                _optionalChain([onAction, 'optionalCall', _8 => _8(node, action)]);
-              },
-              children: action.label
-            },
-            actionKey
-          )
-        );
-      });
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: _tigercatcore.classNames.call(void 0, 
-          "tiger-comment-thread-item",
-          depth === 1 && "py-5",
-          depth === 1 && !isLast && showDivider && "border-b border-gray-100 dark:border-gray-800/80"
-        ),
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3", children: [
-          showAvatar && node.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4MQCUKICjs.Avatar,
-            {
-              size: depth === 1 ? "md" : "sm",
-              src: node.user.avatar,
-              text: node.user.name,
-              className: "shrink-0 mt-0.5 ring-1 ring-black/5 dark:ring-white/10 shadow-sm transition-transform hover:scale-105 duration-200"
-            }
-          ) : null,
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 flex-wrap", children: [
-              _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.name]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkUF3DXKCIjs.Text,
-                {
-                  tag: "span",
-                  size: "sm",
-                  weight: "bold",
-                  className: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer",
-                  children: node.user.name
-                }
-              ) : null,
-              _optionalChain([node, 'access', _11 => _11.user, 'optionalAccess', _12 => _12.title]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkUF3DXKCIjs.Text,
-                {
-                  tag: "span",
-                  size: "xs",
-                  color: "muted",
-                  className: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium",
-                  children: node.user.title
-                }
-              ) : null,
-              node.tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkTLDTBCT6js.Tag,
-                {
-                  size: "sm",
-                  variant: _nullishCoalesce(node.tag.variant, () => ( "default")),
-                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10",
-                  children: node.tag.label
-                }
-              ) : null,
-              _optionalChain([node, 'access', _13 => _13.tags, 'optionalAccess', _14 => _14.map, 'call', _15 => _15((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkTLDTBCT6js.Tag,
-                {
-                  size: "sm",
-                  variant: _nullishCoalesce(tag.variant, () => ( "default")),
-                  className: "rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10",
-                  children: tag.label
-                },
-                `${node.id}-tag-${index}`
-              ))]),
-              node.time ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkUF3DXKCIjs.Text,
-                {
-                  tag: "span",
-                  size: "xs",
-                  color: "muted",
-                  className: "ml-auto text-gray-400 dark:text-gray-500 font-normal",
-                  children: _tigercatcore.formatCommentTime.call(void 0, node.time)
-                }
-              ) : null
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm text-gray-600 dark:text-gray-300 leading-relaxed break-words mt-2 mb-3 pr-2", children: node.content }),
-            actions.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-1.5", children: actions }) : null,
-            replyingTo === node.id ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-3 space-y-3 bg-gray-50/50 dark:bg-gray-900/30 border border-gray-100 dark:border-gray-800/80 p-4 rounded-xl shadow-sm backdrop-blur-sm transition-all duration-300", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkGPAY5F7Djs.Textarea,
-                {
-                  rows: 3,
-                  value: replyValue,
-                  placeholder: replyPlaceholder,
-                  className: "bg-white dark:bg-gray-950 border-gray-200 dark:border-gray-800 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 dark:focus:border-blue-400 rounded-lg shadow-inner transition-all duration-200",
-                  onChange: (event) => setReplyValue(event.target.value)
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 justify-end", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkZLNBE4ISjs.Button,
-                  {
-                    size: "sm",
-                    variant: "ghost",
-                    className: "px-3 py-1.5 text-xs text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 rounded-lg transition-colors",
-                    onClick: () => {
-                      setReplyingTo(null);
-                      setReplyValue("");
-                    },
-                    children: cancelReplyText
-                  }
-                ),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkZLNBE4ISjs.Button,
-                  {
-                    size: "sm",
-                    variant: "primary",
-                    className: "px-3 py-1.5 text-xs font-semibold shadow-sm hover:shadow transition-all duration-200 rounded-lg",
-                    onClick: () => handleReplySubmit(node),
-                    children: replyButtonText
-                  }
-                )
-              ] })
-            ] }) : null,
-            hasChildren ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkZLNBE4ISjs.Button,
-              {
-                size: "sm",
-                variant: "ghost",
-                className: _tigercatcore.classNames.call(void 0, 
-                  "mt-2 font-semibold hover:bg-[var(--tiger-primary,#2563eb)]/10 dark:hover:bg-blue-400/10 transition-colors",
-                  PRIMARY_BTN
-                ),
-                "aria-expanded": isExpanded,
-                "aria-controls": repliesId,
-                onClick: () => toggleExpanded(node.id),
-                children: isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${children.length} \u6761\u56DE\u590D`
-              }
-            ) : null,
-            showReplies ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              "div",
-              {
-                id: repliesId,
-                className: "mt-4 ml-1 pl-4 border-l-2 border-gray-100 dark:border-gray-800 hover:border-blue-500/40 dark:hover:border-blue-400/40 space-y-4 transition-colors duration-300",
-                children: [
-                  visibleChildren.map(
-                    (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
-                  ),
-                  showLoadMoreBtn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkZLNBE4ISjs.Button,
-                    {
-                      size: "sm",
-                      variant: "ghost",
-                      className: PRIMARY_BTN,
-                      onClick: () => handleLoadMore(node),
-                      children: loadMoreText
-                    }
-                  ) : null
-                ]
-              }
-            ) : null
-          ] })
-        ] })
-      },
-      node.id
-    );
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: _tigercatcore.classNames.call(void 0, "tiger-comment-thread flex flex-col", className),
-      role: _nullishCoalesce(divProps.role, () => ( "feed")),
-      "data-tiger-comment-thread": true,
-      "aria-label": _nullishCoalesce(divProps["aria-label"], () => ( (divProps["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B"))),
-      ...divProps,
-      children: resolvedNodes.length === 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-center border border-dashed border-gray-200 dark:border-gray-800/80 rounded-xl py-12 px-4 bg-gray-50/20 dark:bg-gray-900/5 transition-colors", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "svg",
-          {
-            className: "w-10 h-10 text-gray-300 dark:text-gray-600 mb-3",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: "1.5",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M8.625 12a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H8.25m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0H12m4.125 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm0 0h-.375M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", color: "muted", className: "font-medium", children: emptyText })
-      ] }) : resolvedNodes.map((node, index) => renderNode(node, 1, index === resolvedNodes.length - 1))
-    }
-  );
-};
-var CommentThread_default = CommentThread;
-
-
-
-
-exports.CommentThread = CommentThread; exports.CommentThread_default = CommentThread_default;