@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/chunk-G3SWTL27.js

@@ -1,119 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkJCMGBKS6js = require('./chunk-JCMGBKS6.js');
-
-// src/components/Result.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var Result = _vue.defineComponent.call(void 0, {
-  name: "TigerResult",
-  inheritAttrs: false,
-  props: {
-    status: {
-      type: String,
-      default: "info"
-    },
-    title: {
-      type: String,
-      default: void 0
-    },
-    subTitle: {
-      type: String,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const colors = _vue.computed.call(void 0, () => _tigercatcore.getResultColorScheme.call(void 0, props.status));
-    const iconPath = _vue.computed.call(void 0, () => _tigercatcore.getResultIconPath.call(void 0, props.status));
-    const httpLabel = _vue.computed.call(void 0, () => _tigercatcore.getResultHttpLabel.call(void 0, props.status));
-    const iconContainerClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, _tigercatcore.resultIconContainerBaseClasses, colors.value.iconBg)
-    );
-    const iconSvgClasses = _vue.computed.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.resultIconClasses, colors.value.iconColor));
-    const titleCls = _vue.computed.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.resultTitleClasses, colors.value.titleColor));
-    return () => {
-      const attrsRecord = attrs;
-      const children = [];
-      if (slots.icon) {
-        children.push(_vue.h.call(void 0, "div", { class: iconContainerClasses.value }, slots.icon()));
-      } else {
-        const iconContent = [];
-        if (httpLabel.value) {
-          iconContent.push(
-            _vue.h.call(void 0, 
-              "span",
-              {
-                class: _tigercatcore.classNames.call(void 0, "text-5xl font-bold", colors.value.iconColor)
-              },
-              httpLabel.value
-            )
-          );
-        } else {
-          iconContent.push(_chunkJCMGBKS6js.createStatusIcon.call(void 0, iconPath.value, iconSvgClasses.value));
-        }
-        children.push(_vue.h.call(void 0, "div", { class: iconContainerClasses.value }, iconContent));
-      }
-      if (props.title || slots.title) {
-        children.push(
-          _vue.h.call(void 0, "div", { class: titleCls.value }, slots.title ? slots.title() : props.title)
-        );
-      }
-      if (props.subTitle || slots.subTitle) {
-        children.push(
-          _vue.h.call(void 0, 
-            "div",
-            { class: _tigercatcore.resultSubTitleClasses },
-            slots.subTitle ? slots.subTitle() : props.subTitle
-          )
-        );
-      }
-      if (slots.extra) {
-        children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.resultExtraClasses }, slots.extra()));
-      }
-      if (slots.default) {
-        children.push(_vue.h.call(void 0, "div", { class: "mt-6 w-full" }, slots.default()));
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: _tigercatcore.classNames.call(void 0, 
-            _tigercatcore.resultBaseClasses,
-            props.className,
-            _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class)
-          ),
-          style: _tigercatcore.mergeStyleValues.call(void 0, attrsRecord.style, props.style),
-          role: "status"
-        },
-        children
-      );
-    };
-  }
-});
-var Result_default = Result;
-
-
-
-
-exports.Result = Result; exports.Result_default = Result_default;

package/dist/chunk-GY75BFAV.js

@@ -1,547 +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 _chunk6FXYRDYHjs = require('./chunk-6FXYRDYH.js');
-
-
-var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
-
-
-var _chunkBPAZBRCRjs = require('./chunk-BPAZBRCR.js');
-
-
-var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
-
-
-var _chunkZ6HBM73Wjs = require('./chunk-Z6HBM73W.js');
-
-// src/components/CommentThread.ts
-var _vue = require('vue');
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var CommentThread = _vue.defineComponent.call(void 0, {
-  name: "TigerCommentThread",
-  inheritAttrs: false,
-  props: {
-    nodes: {
-      type: Array,
-      default: void 0
-    },
-    items: {
-      type: Array,
-      default: void 0
-    },
-    maxDepth: {
-      type: Number,
-      default: 3
-    },
-    maxReplies: {
-      type: Number,
-      default: 3
-    },
-    defaultExpandedKeys: {
-      type: Array,
-      default: () => []
-    },
-    expandedKeys: {
-      type: Array,
-      default: void 0
-    },
-    emptyText: {
-      type: String,
-      default: "\u6682\u65E0\u8BC4\u8BBA"
-    },
-    replyPlaceholder: {
-      type: String,
-      default: "\u5199\u4E0B\u56DE\u590D..."
-    },
-    replyButtonText: {
-      type: String,
-      default: "\u56DE\u590D"
-    },
-    cancelReplyText: {
-      type: String,
-      default: "\u53D6\u6D88"
-    },
-    likeText: {
-      type: String,
-      default: "\u70B9\u8D5E"
-    },
-    likedText: {
-      type: String,
-      default: "\u5DF2\u8D5E"
-    },
-    replyText: {
-      type: String,
-      default: "\u56DE\u590D"
-    },
-    moreText: {
-      type: String,
-      default: "\u66F4\u591A"
-    },
-    loadMoreText: {
-      type: String,
-      default: "\u52A0\u8F7D\u66F4\u591A"
-    },
-    showAvatar: {
-      type: Boolean,
-      default: true
-    },
-    showDivider: {
-      type: Boolean,
-      default: true
-    },
-    showLike: {
-      type: Boolean,
-      default: true
-    },
-    showReply: {
-      type: Boolean,
-      default: true
-    },
-    showMore: {
-      type: Boolean,
-      default: true
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["like", "reply", "more", "action", "update:expandedKeys", "load-more"],
-  setup(props, { emit, attrs }) {
-    const innerExpandedKeys = _vue.ref.call(void 0, [...props.defaultExpandedKeys]);
-    const expandedAllKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
-    const replyingTo = _vue.ref.call(void 0, null);
-    const replyValue = _vue.ref.call(void 0, "");
-    const mergedExpandedKeys = _vue.computed.call(void 0, () => _nullishCoalesce(props.expandedKeys, () => ( innerExpandedKeys.value)));
-    const expandedSet = _vue.computed.call(void 0, () => new Set(mergedExpandedKeys.value));
-    const resolvedNodes = _vue.computed.call(void 0, () => {
-      const tree = props.nodes && props.nodes.length > 0 ? props.nodes : _tigercatcore.buildCommentTree.call(void 0, _nullishCoalesce(props.items, () => ( [])));
-      return _tigercatcore.clipCommentTreeDepth.call(void 0, tree, props.maxDepth);
-    });
-    const wrapperClasses = _vue.computed.call(void 0, 
-      () => _tigercatcore.classNames.call(void 0, 
-        "tiger-comment-thread flex flex-col",
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      )
-    );
-    const wrapperStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
-    const updateExpandedKeys = (next) => {
-      if (!props.expandedKeys) {
-        innerExpandedKeys.value = next;
-      }
-      emit("update:expandedKeys", next);
-    };
-    const toggleExpanded = (id) => {
-      const current = mergedExpandedKeys.value;
-      const next = expandedSet.value.has(id) ? current.filter((key) => key !== id) : [...current, id];
-      updateExpandedKeys(next);
-    };
-    const handleLoadMore = (node) => {
-      expandedAllKeys.value = /* @__PURE__ */ new Set([...expandedAllKeys.value, node.id]);
-      emit("load-more", node);
-    };
-    const handleReplySubmit = (node) => {
-      const trimmed = replyValue.value.trim();
-      if (!trimmed) return;
-      emit("reply", node, replyValue.value);
-      replyValue.value = "";
-      replyingTo.value = null;
-      if (!expandedSet.value.has(node.id)) {
-        const next = [...mergedExpandedKeys.value, 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.value.has(node.id);
-      const showReplies = hasChildren && isExpanded;
-      const showAllReplies = expandedAllKeys.value.has(node.id);
-      const repliesId = `tiger-comment-replies-${node.id}`;
-      const visibleChildren = showReplies ? props.maxReplies > 0 && !showAllReplies ? children.slice(0, props.maxReplies) : children : [];
-      const showLoadMore = showReplies && props.maxReplies > 0 && children.length > props.maxReplies && !showAllReplies;
-      const actions = [];
-      if (props.showLike) {
-        const likeLabel = node.liked ? props.likedText : props.likeText;
-        const likeCount = node.likes ? ` ${node.likes}` : "";
-        actions.push(
-          _vue.h.call(void 0, 
-            _chunkHA5QZ76Mjs.Button,
-            {
-              key: "like",
-              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: () => emit("like", node, !node.liked)
-            },
-            {
-              default: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, 
-                  "svg",
-                  {
-                    class: _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"
-                  },
-                  [
-                    _vue.h.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"
-                    })
-                  ]
-                ),
-                _vue.h.call(void 0, "span", `${likeLabel}${likeCount}`)
-              ])
-            }
-          )
-        );
-      }
-      if (props.showReply) {
-        actions.push(
-          _vue.h.call(void 0, 
-            _chunkHA5QZ76Mjs.Button,
-            {
-              key: "reply",
-              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: () => {
-                replyingTo.value = replyingTo.value === node.id ? null : node.id;
-                replyValue.value = "";
-              }
-            },
-            {
-              default: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, 
-                  "svg",
-                  {
-                    class: "w-3.5 h-3.5",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2"
-                  },
-                  [
-                    _vue.h.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"
-                    })
-                  ]
-                ),
-                _vue.h.call(void 0, "span", props.replyText)
-              ])
-            }
-          )
-        );
-      }
-      if (props.showMore) {
-        actions.push(
-          _vue.h.call(void 0, 
-            _chunkHA5QZ76Mjs.Button,
-            {
-              key: "more",
-              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: () => emit("more", node)
-            },
-            {
-              default: () => _vue.h.call(void 0, "span", { class: "flex items-center gap-1.5" }, [
-                _vue.h.call(void 0, 
-                  "svg",
-                  {
-                    class: "w-3.5 h-3.5",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2"
-                  },
-                  [
-                    _vue.h.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"
-                    })
-                  ]
-                ),
-                _vue.h.call(void 0, "span", props.moreText)
-              ])
-            }
-          )
-        );
-      }
-      if (node.actions && node.actions.length > 0) {
-        node.actions.forEach((action, index) => {
-          const actionKey = _nullishCoalesce(action.key, () => ( `${node.id}-action-${index}`));
-          actions.push(
-            _vue.h.call(void 0, 
-              _chunkHA5QZ76Mjs.Button,
-              {
-                key: actionKey,
-                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', _ => _.onClick, 'optionalCall', _2 => _2(node, action)]);
-                  emit("action", node, action);
-                }
-              },
-              { default: () => action.label }
-            )
-          );
-        });
-      }
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          class: _tigercatcore.classNames.call(void 0, 
-            "tiger-comment-thread-item",
-            depth === 1 && "py-5",
-            depth === 1 && !isLast && props.showDivider && "border-b border-gray-100 dark:border-gray-800/80"
-          ),
-          key: node.id
-        },
-        [
-          _vue.h.call(void 0, "div", { class: "flex gap-3" }, [
-            props.showAvatar && node.user ? _vue.h.call(void 0, _chunkZ6HBM73Wjs.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,
-            _vue.h.call(void 0, "div", { class: "flex-1 min-w-0" }, [
-              _vue.h.call(void 0, "div", { class: "flex items-center gap-2 flex-wrap" }, [
-                _optionalChain([node, 'access', _3 => _3.user, 'optionalAccess', _4 => _4.name]) ? _vue.h.call(void 0, 
-                  _chunkTGHB5XSTjs.Text,
-                  {
-                    tag: "span",
-                    size: "sm",
-                    weight: "bold",
-                    class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer"
-                  },
-                  { default: () => _optionalChain([node, 'access', _5 => _5.user, 'optionalAccess', _6 => _6.name]) }
-                ) : null,
-                _optionalChain([node, 'access', _7 => _7.user, 'optionalAccess', _8 => _8.title]) ? _vue.h.call(void 0, 
-                  _chunkTGHB5XSTjs.Text,
-                  {
-                    tag: "span",
-                    size: "xs",
-                    color: "muted",
-                    class: "bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded text-gray-500 dark:text-gray-400 font-medium"
-                  },
-                  { default: () => _optionalChain([node, 'access', _9 => _9.user, 'optionalAccess', _10 => _10.title]) }
-                ) : null,
-                node.tag ? _vue.h.call(void 0, 
-                  _chunkBPAZBRCRjs.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-opacity-10"
-                  },
-                  { default: () => _optionalChain([node, 'access', _11 => _11.tag, 'optionalAccess', _12 => _12.label]) }
-                ) : null,
-                ...(_nullishCoalesce(node.tags, () => ( []))).map(
-                  (tag, index) => _vue.h.call(void 0, 
-                    _chunkBPAZBRCRjs.Tag,
-                    {
-                      key: `${node.id}-tag-${index}`,
-                      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-opacity-10"
-                    },
-                    { default: () => tag.label }
-                  )
-                ),
-                node.time ? _vue.h.call(void 0, 
-                  _chunkTGHB5XSTjs.Text,
-                  {
-                    tag: "span",
-                    size: "xs",
-                    color: "muted",
-                    class: "ml-auto text-gray-400 dark:text-gray-500 font-normal"
-                  },
-                  { default: () => _tigercatcore.formatCommentTime.call(void 0, node.time) }
-                ) : null
-              ]),
-              _vue.h.call(void 0, 
-                "div",
-                {
-                  class: "text-sm text-gray-600 dark:text-gray-300 leading-relaxed break-words mt-2 mb-3 pr-2"
-                },
-                String(node.content)
-              ),
-              actions.length > 0 ? _vue.h.call(void 0, "div", { class: "flex flex-wrap items-center gap-1.5" }, actions) : null,
-              replyingTo.value === node.id ? _vue.h.call(void 0, 
-                "div",
-                {
-                  class: "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"
-                },
-                [
-                  _vue.h.call(void 0, _chunk6FXYRDYHjs.Textarea, {
-                    rows: 3,
-                    modelValue: replyValue.value,
-                    placeholder: props.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",
-                    "onUpdate:modelValue": (value) => {
-                      replyValue.value = value;
-                    }
-                  }),
-                  _vue.h.call(void 0, "div", { class: "flex items-center gap-2 justify-end" }, [
-                    _vue.h.call(void 0, 
-                      _chunkHA5QZ76Mjs.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: () => {
-                          replyingTo.value = null;
-                          replyValue.value = "";
-                        }
-                      },
-                      { default: () => props.cancelReplyText }
-                    ),
-                    _vue.h.call(void 0, 
-                      _chunkHA5QZ76Mjs.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)
-                      },
-                      { default: () => props.replyButtonText }
-                    )
-                  ])
-                ]
-              ) : null,
-              hasChildren ? _vue.h.call(void 0, 
-                _chunkHA5QZ76Mjs.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)
-                },
-                {
-                  default: () => isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${children.length} \u6761\u56DE\u590D`
-                }
-              ) : null,
-              showReplies ? _vue.h.call(void 0, 
-                "div",
-                {
-                  id: repliesId,
-                  class: "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"
-                },
-                [
-                  ...visibleChildren.map(
-                    (child, index) => renderNode(child, depth + 1, index === visibleChildren.length - 1)
-                  ),
-                  showLoadMore ? _vue.h.call(void 0, 
-                    _chunkHA5QZ76Mjs.Button,
-                    {
-                      size: "sm",
-                      variant: "ghost",
-                      className: PRIMARY_BTN,
-                      onClick: () => handleLoadMore(node)
-                    },
-                    { default: () => props.loadMoreText }
-                  ) : null
-                ]
-              ) : null
-            ])
-          ])
-        ]
-      );
-    };
-    return () => {
-      const ariaLabel = _nullishCoalesce(attrs["aria-label"], () => ( (attrs["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B")));
-      const children = resolvedNodes.value.length === 0 ? [
-        _vue.h.call(void 0, 
-          "div",
-          {
-            class: "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"
-          },
-          [
-            _vue.h.call(void 0, 
-              "svg",
-              {
-                class: "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"
-              },
-              [
-                _vue.h.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"
-                })
-              ]
-            ),
-            _vue.h.call(void 0, 
-              _chunkTGHB5XSTjs.Text,
-              { tag: "div", size: "sm", color: "muted", class: "font-medium" },
-              { default: () => props.emptyText }
-            )
-          ]
-        )
-      ] : resolvedNodes.value.map(
-        (node, index) => renderNode(node, 1, index === resolvedNodes.value.length - 1)
-      );
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: wrapperClasses.value,
-          style: wrapperStyle.value,
-          role: _nullishCoalesce(attrs.role, () => ( "feed")),
-          "data-tiger-comment-thread": true,
-          "aria-label": ariaLabel
-        },
-        children
-      );
-    };
-  }
-});
-var CommentThread_default = CommentThread;
-
-
-
-
-exports.CommentThread = CommentThread; exports.CommentThread_default = CommentThread_default;