@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-77F5YT4E.js

@@ -0,0 +1,128 @@
+"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; }// src/components/VirtualTable.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var VirtualTable = ({
+  data = [],
+  columns = [],
+  rowHeight = 48,
+  height = 400,
+  overscan = 5,
+  stickyHeader = true,
+  rowKey,
+  loading = false,
+  emptyText = "No data",
+  selectable = false,
+  selectedKeys = [],
+  striped = false,
+  bordered = false,
+  className,
+  onRowClick,
+  onSelect,
+  renderCell,
+  ...rest
+}) => {
+  const containerRef = _react.useRef.call(void 0, null);
+  const [scrollTop, setScrollTop] = _react.useState.call(void 0, 0);
+  const range = _react.useMemo.call(void 0, 
+    () => _tigercatcore.calculateVirtualRange.call(void 0, scrollTop, height, data.length, rowHeight, overscan),
+    [scrollTop, height, data.length, rowHeight, overscan]
+  );
+  const visibleData = _react.useMemo.call(void 0, 
+    () => data.slice(range.start, range.end),
+    [data, range.start, range.end]
+  );
+  const selectedSet = _react.useMemo.call(void 0, () => new Set(selectedKeys), [selectedKeys]);
+  const onScroll = _react.useCallback.call(void 0, () => {
+    if (containerRef.current) {
+      setScrollTop(containerRef.current.scrollTop);
+    }
+  }, []);
+  const containerClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getVirtualTableContainerClasses.call(void 0, bordered, className),
+    [bordered, className]
+  );
+  const fixedInfo = _react.useMemo.call(void 0, () => _tigercatcore.getVirtualTableFixedInfo.call(void 0, columns), [columns]);
+  const bottomHeight = Math.max(0, range.totalHeight - range.end * rowHeight);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ref: containerRef,
+      className: _tigercatcore.classNames.call(void 0, 
+        containerClasses,
+        rest.className
+      ),
+      style: { height: `${height}px` },
+      onScroll,
+      role: "grid",
+      "aria-rowcount": data.length,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "w-full table-fixed", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: stickyHeader ? _tigercatcore.virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((col) => {
+            const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
+            const stickyStyle = _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo);
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "th",
+              {
+                className: _tigercatcore.virtualTableHeaderCellClasses,
+                style: { ...widthStyle, ...stickyStyle },
+                children: _nullishCoalesce(col.title, () => ( ""))
+              },
+              col.key
+            );
+          }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "tbody", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
+            visibleData.map((row, localIdx) => {
+              const globalIdx = range.start + localIdx;
+              const key = _tigercatcore.getVirtualRowKey.call(void 0, row, globalIdx, rowKey);
+              const isSelected = selectedSet.has(key);
+              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "tr",
+                {
+                  className: _tigercatcore.getVirtualTableRowClasses.call(void 0, globalIdx, striped, isSelected),
+                  onClick: () => {
+                    _optionalChain([onRowClick, 'optionalCall', _ => _(row, globalIdx)]);
+                    if (selectable) _optionalChain([onSelect, 'optionalCall', _2 => _2(key, row, globalIdx)]);
+                  },
+                  children: columns.map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "td",
+                    {
+                      className: _tigercatcore.virtualTableCellClasses,
+                      style: _tigercatcore.getVirtualTableFixedCellStyle.call(void 0, col.key, fixedInfo),
+                      children: renderCell ? renderCell(row[col.key], row, col) : String(_nullishCoalesce(row[col.key], () => ( "")))
+                    },
+                    col.key
+                  ))
+                },
+                key
+              );
+            }),
+            bottomHeight > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
+          ] })
+        ] }),
+        data.length === 0 && !loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableEmptyClasses, children: emptyText }),
+        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.virtualTableLoadingClasses, children: "Loading..." })
+      ]
+    }
+  );
+};
+var VirtualTable_default = VirtualTable;
+
+
+
+
+exports.VirtualTable = VirtualTable; exports.VirtualTable_default = VirtualTable_default;

package/dist/{chunk-SQK2CPSV.mjs → chunk-7DUHHRAU.mjs}

@@ -1,11 +1,20 @@
-import { useState, useRef, useMemo, useCallback } from 'react';
-import { getFixedVirtualRange, classNames, virtualListInnerClasses, virtualListContainerClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
 // src/components/VirtualList.tsx
+import { useState, useMemo, useRef, useCallback } from "react";
+import {
+  virtualListContainerClasses,
+  virtualListInnerClasses,
+  fixedSizeStrategy,
+  variableSizeStrategy,
+  dynamicSizeStrategy,
+  classNames
+} from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var VirtualList = ({
   itemCount = 0,
   itemHeight = 40,
+  estimatedItemHeight,
+  getItemHeight,
+  sizeStrategy: customStrategy,
   height = 400,
   overscan = 5,
   className,
@@ -14,9 +23,16 @@ var VirtualList = ({
 }) => {
   const [scrollTop, setScrollTop] = useState(0);
   const containerRef = useRef(null);
+  const strategy = useMemo(() => {
+    if (customStrategy) return customStrategy;
+    if (getItemHeight) return variableSizeStrategy(getItemHeight, itemCount);
+    if (estimatedItemHeight !== void 0)
+      return dynamicSizeStrategy(estimatedItemHeight, itemCount);
+    return fixedSizeStrategy(itemHeight);
+  }, [customStrategy, getItemHeight, estimatedItemHeight, itemHeight, itemCount]);
   const range = useMemo(
-    () => getFixedVirtualRange(scrollTop, height, itemHeight, itemCount, overscan),
-    [scrollTop, height, itemHeight, itemCount, overscan]
+    () => strategy.getRange(scrollTop, height, itemCount, overscan),
+    [scrollTop, height, itemCount, overscan, strategy]
   );
   const handleScroll = useCallback(() => {
     if (containerRef.current) {
@@ -25,13 +41,15 @@ var VirtualList = ({
       onScroll?.(st);
     }
   }, [onScroll]);
-  const { startIndex, endIndex, offsetTop, totalHeight } = range;
+  const { startIndex, endIndex, totalHeight } = range;
   const items = [];
   for (let i = startIndex; i <= endIndex; i++) {
+    const itemH = strategy.getItemHeight(i);
     items.push(
-      /* @__PURE__ */ jsx("div", { style: { height: `${itemHeight}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
+      /* @__PURE__ */ jsx("div", { style: { height: `${itemH}px`, width: "100%" }, children: renderItem({ index: i }) }, i)
     );
   }
+  const offsetTop = startIndex >= 0 ? strategy.getItemOffset(startIndex) : 0;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -56,4 +74,6 @@ var VirtualList = ({
   );
 };
 
-export { VirtualList };
+export {
+  VirtualList
+};

package/dist/chunk-7ISEWLA3.js

@@ -0,0 +1,202 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }// src/components/Signature.tsx
+
+
+
+
+
+
+
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var DEFAULT_WIDTH = 480;
+var DEFAULT_HEIGHT = 180;
+var Signature = _react.forwardRef.call(void 0, 
+  ({
+    width = DEFAULT_WIDTH,
+    height = DEFAULT_HEIGHT,
+    penColor = "#111827",
+    backgroundColor,
+    lineWidth = 2,
+    disabled = false,
+    readonly = false,
+    clearable = true,
+    exportType = "image/png",
+    quality = 0.92,
+    ariaLabel = "Signature pad",
+    clearText = "Clear",
+    className,
+    onChange,
+    onBegin,
+    onEnd,
+    style,
+    ...rest
+  }, ref) => {
+    const canvasRef = _react.useRef.call(void 0, null);
+    const strokesRef = _react.useRef.call(void 0, []);
+    const activeStrokeRef = _react.useRef.call(void 0, null);
+    const [strokes, setStrokes] = _react.useState.call(void 0, []);
+    const isDisabled = disabled || readonly;
+    const normalizedLineWidth = _tigercatcore.clampSignatureLineWidth.call(void 0, lineWidth);
+    const draw = _react.useCallback.call(void 0, 
+      (nextStrokes) => {
+        const canvas = canvasRef.current;
+        const context = _optionalChain([canvas, 'optionalAccess', _ => _.getContext, 'call', _2 => _2("2d")]);
+        if (!canvas || !context) return;
+        const ratio = typeof window === "undefined" ? 1 : window.devicePixelRatio || 1;
+        canvas.width = width * ratio;
+        canvas.height = height * ratio;
+        canvas.style.width = `${width}px`;
+        canvas.style.height = `${height}px`;
+        context.setTransform(ratio, 0, 0, ratio, 0, 0);
+        _tigercatcore.drawSignatureStrokes.call(void 0, context, nextStrokes, { width, height, backgroundColor });
+      },
+      [backgroundColor, height, width]
+    );
+    _react.useEffect.call(void 0, () => {
+      draw(strokes);
+    }, [draw, strokes]);
+    const toSVG = _react.useCallback.call(void 0, 
+      () => _tigercatcore.signatureStrokesToSvg.call(void 0, strokesRef.current, { width, height, backgroundColor }),
+      [backgroundColor, height, width]
+    );
+    const toDataURL = _react.useCallback.call(void 0, 
+      (type = exportType, nextQuality = quality) => {
+        if (type === "image/svg+xml") return _tigercatcore.signatureSvgToDataUrl.call(void 0, toSVG());
+        return _tigercatcore.getSignatureCanvasDataUrl.call(void 0, canvasRef.current, type, nextQuality);
+      },
+      [exportType, quality, toSVG]
+    );
+    const createPayload = _react.useCallback.call(void 0, 
+      (nextStrokes, type = exportType) => {
+        const value = type === "image/svg+xml" ? _tigercatcore.signatureSvgToDataUrl.call(void 0, 
+          _tigercatcore.signatureStrokesToSvg.call(void 0, nextStrokes, { width, height, backgroundColor })
+        ) : _tigercatcore.getSignatureCanvasDataUrl.call(void 0, canvasRef.current, type, quality);
+        return {
+          value,
+          empty: _tigercatcore.isSignatureEmpty.call(void 0, nextStrokes),
+          strokes: _tigercatcore.cloneSignatureStrokes.call(void 0, nextStrokes),
+          exportType: type
+        };
+      },
+      [backgroundColor, exportType, height, quality, width]
+    );
+    const emitChange = _react.useCallback.call(void 0, 
+      (nextStrokes) => {
+        const payload = createPayload(nextStrokes);
+        _optionalChain([onChange, 'optionalCall', _3 => _3(payload)]);
+        return payload;
+      },
+      [createPayload, onChange]
+    );
+    const clear = _react.useCallback.call(void 0, () => {
+      strokesRef.current = [];
+      activeStrokeRef.current = null;
+      setStrokes([]);
+      draw([]);
+      emitChange([]);
+    }, [draw, emitChange]);
+    _react.useImperativeHandle.call(void 0, 
+      ref,
+      () => ({
+        clear,
+        isEmpty: () => _tigercatcore.isSignatureEmpty.call(void 0, strokesRef.current),
+        toDataURL,
+        toSVG
+      }),
+      [clear, toDataURL, toSVG]
+    );
+    const getPointFromEvent = (event) => {
+      const rect = event.currentTarget.getBoundingClientRect();
+      return _tigercatcore.getSignaturePoint.call(void 0, event.clientX, event.clientY, rect, width, height);
+    };
+    const handlePointerDown = (event) => {
+      if (isDisabled) return;
+      event.preventDefault();
+      event.currentTarget.focus();
+      const stroke = {
+        color: penColor,
+        lineWidth: normalizedLineWidth,
+        points: [getPointFromEvent(event)]
+      };
+      const nextStrokes = [...strokesRef.current, stroke];
+      activeStrokeRef.current = stroke;
+      strokesRef.current = nextStrokes;
+      setStrokes(nextStrokes);
+      _optionalChain([onBegin, 'optionalCall', _4 => _4()]);
+    };
+    const handlePointerMove = (event) => {
+      const activeStroke = activeStrokeRef.current;
+      if (!activeStroke || isDisabled) return;
+      event.preventDefault();
+      activeStroke.points.push(getPointFromEvent(event));
+      const nextStrokes = [...strokesRef.current];
+      strokesRef.current = nextStrokes;
+      setStrokes(nextStrokes);
+    };
+    const finishStroke = () => {
+      if (!activeStrokeRef.current) return;
+      activeStrokeRef.current = null;
+      const payload = emitChange(strokesRef.current);
+      _optionalChain([onEnd, 'optionalCall', _5 => _5(payload)]);
+    };
+    const handleKeyDown = (event) => {
+      if (!clearable || isDisabled) return;
+      if (event.key !== "Delete" && event.key !== "Backspace") return;
+      event.preventDefault();
+      clear();
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.signatureRootClasses, className), style, ...rest, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getSignatureCanvasWrapClasses.call(void 0, disabled, readonly), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "canvas",
+        {
+          ref: canvasRef,
+          className: _tigercatcore.signatureCanvasClasses,
+          width,
+          height,
+          tabIndex: isDisabled ? -1 : 0,
+          role: "img",
+          "aria-label": ariaLabel,
+          "aria-disabled": isDisabled || void 0,
+          onPointerDown: handlePointerDown,
+          onPointerMove: handlePointerMove,
+          onPointerUp: finishStroke,
+          onPointerCancel: finishStroke,
+          onKeyDown: handleKeyDown
+        }
+      ) }),
+      clearable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.signatureToolbarClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _tigercatcore.signatureClearButtonClasses,
+          disabled: isDisabled || _tigercatcore.isSignatureEmpty.call(void 0, strokesRef.current),
+          onClick: clear,
+          children: clearText
+        }
+      ) })
+    ] });
+  }
+);
+Signature.displayName = "Signature";
+var Signature_default = Signature;
+
+
+
+
+exports.Signature = Signature; exports.Signature_default = Signature_default;

package/dist/chunk-7P4MIU6I.js

@@ -0,0 +1,281 @@
+"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 _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
+
+
+var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+
+
+var _chunkVCULFIZ5js = require('./chunk-VCULFIZ5.js');
+
+
+var _chunkUF3DXKCIjs = require('./chunk-UF3DXKCI.js');
+
+
+var _chunkCI2WHAT2js = require('./chunk-CI2WHAT2.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-1.5 py-0.5 h-auto min-h-0 text-xs rounded";
+  const ACTION_BTN = `${BTN_BASE} text-gray-400 hover:text-gray-600 font-normal hover:bg-gray-50`;
+  const PRIMARY_BTN = `${BTN_BASE} text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary-hover,#1d4ed8)] font-medium hover:bg-[var(--tiger-primary,#2563eb)]/5`;
+  const renderActionButton = (label, key, onClick, active) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkGRXBGL6Qjs.Button,
+    {
+      size: "sm",
+      variant: "ghost",
+      className: _tigercatcore.classNames.call(void 0, 
+        ACTION_BTN,
+        active && "text-[var(--tiger-primary,#2563eb)] hover:text-[var(--tiger-primary,#2563eb)] font-medium"
+      ),
+      onClick,
+      children: label
+    },
+    key
+  );
+  const renderNode = (node, depth, isLast) => {
+    const hasChildren = !!node.children && node.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 ? node.children.slice(0, maxReplies) : node.children : [];
+    const showLoadMoreBtn = showReplies && maxReplies > 0 && node.children.length > maxReplies && !showAllReplies;
+    const actions = [];
+    if (showLike) {
+      const likeLabel = node.liked ? likedText : likeText;
+      const likeCount = node.likes ? ` ${node.likes}` : "";
+      actions.push(
+        renderActionButton(
+          `${likeLabel}${likeCount}`,
+          "like",
+          () => _optionalChain([onLike, 'optionalCall', _4 => _4(node, !node.liked)]),
+          node.liked
+        )
+      );
+    }
+    if (showReply) {
+      actions.push(
+        renderActionButton(replyText, "reply", () => {
+          setReplyingTo((prev) => prev === node.id ? null : node.id);
+          setReplyValue("");
+        })
+      );
+    }
+    if (showMore) {
+      actions.push(renderActionButton(moreText, "more", () => _optionalChain([onMore, 'optionalCall', _5 => _5(node)])));
+    }
+    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, 
+            _chunkGRXBGL6Qjs.Button,
+            {
+              size: "sm",
+              variant: _nullishCoalesce(action.variant, () => ( "ghost")),
+              className: ACTION_BTN,
+              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-4",
+          depth === 1 && !isLast && showDivider && "border-b border-[var(--tiger-border,#e5e7eb)]"
+        ),
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3", children: [
+          showAvatar && node.user ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkCI2WHAT2js.Avatar,
+            {
+              size: depth === 1 ? "md" : "sm",
+              src: node.user.avatar,
+              text: node.user.name,
+              className: "shrink-0 mt-0.5"
+            }
+          ) : 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", 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", children: node.user.title }) : null,
+              node.tag ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(node.tag.variant, () => ( "default")), 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, _chunkVCULFIZ5js.Tag, { size: "sm", variant: _nullishCoalesce(tag.variant, () => ( "default")), 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", children: _tigercatcore.formatCommentTime.call(void 0, node.time) }) : null
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm text-[var(--tiger-text-secondary,#4b5563)] leading-relaxed break-words mt-1.5 mb-2", children: node.content }),
+            actions.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-1", children: actions }) : null,
+            replyingTo === node.id ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-3 space-y-2 bg-[var(--tiger-surface-muted,#f9fafb)] p-3 rounded-[var(--tiger-radius-md,0.5rem)]", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkWVVXZKNIjs.Textarea,
+                {
+                  rows: 2,
+                  value: replyValue,
+                  placeholder: replyPlaceholder,
+                  className: "bg-[var(--tiger-surface,#ffffff)]",
+                  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, 
+                  _chunkGRXBGL6Qjs.Button,
+                  {
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: () => {
+                      setReplyingTo(null);
+                      setReplyValue("");
+                    },
+                    children: cancelReplyText
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { size: "sm", variant: "primary", onClick: () => handleReplySubmit(node), children: replyButtonText })
+              ] })
+            ] }) : null,
+            hasChildren ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkGRXBGL6Qjs.Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                className: _tigercatcore.classNames.call(void 0, "mt-2", PRIMARY_BTN),
+                "aria-expanded": isExpanded,
+                "aria-controls": repliesId,
+                onClick: () => toggleExpanded(node.id),
+                children: isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${node.children.length} \u6761\u56DE\u590D`
+              }
+            ) : null,
+            showReplies ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "div",
+              {
+                id: repliesId,
+                className: "mt-3 ml-1 pl-4 border-l-2 border-[var(--tiger-border,#e5e7eb)] space-y-3",
+                children: [
+                  visibleChildren.map(
+                    (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
+                  ),
+                  showLoadMoreBtn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkGRXBGL6Qjs.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.jsx.call(void 0, _chunkUF3DXKCIjs.Text, { tag: "div", size: "sm", color: "muted", className: "text-center py-8", 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;