@expcat/tigercat-vue 2.1.0 → 2.1.1

package/dist/{chunk-BEIPGX74.mjs → chunk-DRLQCY7R.mjs}

@@ -1,13 +1,16 @@
 import {
   ChartCanvas
-} from "./chunk-W5RZPTFD.mjs";
+} from "./chunk-SNNT64HK.mjs";
 
 // src/components/Gantt.ts
-import { computed, defineComponent, h, ref } from "vue";
+import { computed, defineComponent, h, onBeforeUnmount, ref } from "vue";
 import {
+  applyGanttTaskDateOverlay,
   classNames,
+  clampGanttDragDeltaX,
   computeGanttLayout,
   ganttAxisTextClasses,
+  ganttDateValuesEqual,
   ganttDependencyClasses,
   ganttLabelClasses,
   ganttProgressClasses,
@@ -15,8 +18,11 @@ import {
   ganttTodayLineClasses,
   getChartInnerRect,
   getGanttTaskAriaLabel,
-  getGanttTaskClasses
+  getGanttTaskClasses,
+  isBrowser,
+  moveGanttTaskByPx
 } from "@expcat/tigercat-core";
+var GANTT_BAR_CLICK_PX = 4;
 var Gantt = defineComponent({
   name: "TigerGantt",
   props: {
@@ -52,16 +58,22 @@ var Gantt = defineComponent({
     ariaLabel: { type: String, default: "Gantt chart" },
     className: { type: String }
   },
-  emits: ["update:selectedId", "task-click", "task-hover"],
+  emits: ["update:selectedId", "task-click", "task-hover", "task-change", "update:data"],
   setup(props, { emit }) {
     const innerSelectedId = ref(null);
     const hoveredId = ref(null);
+    const dateOverlay = ref(/* @__PURE__ */ new Map());
+    const dragSession = ref(null);
+    const dragPreview = ref(null);
+    let documentPointerListening = false;
+    let suppressClick = false;
     const resolvedSelectedId = computed(
       () => props.selectedId === void 0 ? innerSelectedId.value : props.selectedId
     );
+    const resolvedData = computed(() => applyGanttTaskDateOverlay(props.data, dateOverlay.value));
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const layout = computed(
-      () => computeGanttLayout(props.data, {
+      () => computeGanttLayout(resolvedData.value, {
         width: innerRect.value.width,
         rowHeight: props.rowHeight,
         barHeight: props.barHeight,
@@ -94,6 +106,140 @@ var Gantt = defineComponent({
       if (activeId.value === null) return props.activeOpacity;
       return activeId.value === task.id ? props.activeOpacity : props.inactiveOpacity;
     };
+    const pointerScale = (event) => {
+      const target = event.currentTarget;
+      const svg = target instanceof SVGElement ? target.ownerSVGElement ?? target.closest("svg") : target instanceof Element ? target.closest("svg") : null;
+      const clientWidth = svg?.clientWidth ?? 0;
+      if (!(clientWidth > 0)) return 1;
+      const viewBoxWidth = svg?.viewBox?.baseVal?.width;
+      const resolvedViewBox = typeof viewBoxWidth === "number" && viewBoxWidth > 0 ? viewBoxWidth : props.width;
+      return resolvedViewBox / clientWidth;
+    };
+    const captureBarPointer = (target, pointerId) => {
+      if (!(target instanceof Element) || typeof target.setPointerCapture !== "function") return;
+      try {
+        target.setPointerCapture(pointerId);
+      } catch {
+      }
+    };
+    const releaseBarPointer = (target, pointerId) => {
+      if (!target || typeof target.releasePointerCapture !== "function") return;
+      try {
+        target.releasePointerCapture(pointerId);
+      } catch {
+      }
+    };
+    const moveBarDrag = (event) => {
+      const session = dragSession.value;
+      if (!session || event.pointerId !== session.pointerId) return;
+      const rawDelta = (event.clientX - session.startClientX) * session.scale;
+      const deltaX = clampGanttDragDeltaX(
+        rawDelta,
+        session.barX,
+        session.barWidth,
+        session.taskLabelWidth,
+        session.layoutWidth
+      );
+      session.deltaX = deltaX;
+      dragPreview.value = { id: session.task.id, deltaX };
+    };
+    const finishBarDrag = (event) => {
+      const session = dragSession.value;
+      if (!session || event.pointerId !== session.pointerId) return;
+      moveBarDrag(event);
+      const deltaX = session.deltaX;
+      dragSession.value = null;
+      dragPreview.value = null;
+      detachDocumentPointerListeners();
+      releaseBarPointer(session.captureTarget, session.pointerId);
+      suppressClick = true;
+      if (Math.abs(deltaX) < GANTT_BAR_CLICK_PX) {
+        selectTask(session.task);
+        return;
+      }
+      const nextTask = moveGanttTaskByPx(session.sourceTask, deltaX, {
+        minMs: session.minMs,
+        maxMs: session.maxMs,
+        timelineWidth: session.timelineWidth
+      });
+      if (ganttDateValuesEqual(nextTask.start, session.sourceTask.start) && ganttDateValuesEqual(nextTask.end, session.sourceTask.end)) {
+        selectTask(session.task);
+        return;
+      }
+      const incoming = props.data.find((item) => item.id === nextTask.id);
+      const previous = dateOverlay.value.get(nextTask.id);
+      const nextOverlay = new Map(dateOverlay.value);
+      nextOverlay.set(nextTask.id, {
+        start: nextTask.start,
+        end: nextTask.end,
+        baseStart: previous?.baseStart ?? incoming?.start ?? session.sourceTask.start,
+        baseEnd: previous?.baseEnd ?? incoming?.end ?? session.sourceTask.end
+      });
+      dateOverlay.value = nextOverlay;
+      const nextData = applyGanttTaskDateOverlay(props.data, nextOverlay);
+      emit("task-change", nextTask);
+      emit("update:data", nextData);
+    };
+    const handleDocumentPointerMove = (event) => {
+      moveBarDrag(event);
+    };
+    const handleDocumentPointerEnd = (event) => {
+      finishBarDrag(event);
+    };
+    const attachDocumentPointerListeners = () => {
+      if (documentPointerListening || !isBrowser()) return;
+      document.addEventListener("pointermove", handleDocumentPointerMove);
+      document.addEventListener("pointerup", handleDocumentPointerEnd);
+      document.addEventListener("pointercancel", handleDocumentPointerEnd);
+      documentPointerListening = true;
+    };
+    const detachDocumentPointerListeners = () => {
+      if (!documentPointerListening || !isBrowser()) return;
+      document.removeEventListener("pointermove", handleDocumentPointerMove);
+      document.removeEventListener("pointerup", handleDocumentPointerEnd);
+      document.removeEventListener("pointercancel", handleDocumentPointerEnd);
+      documentPointerListening = false;
+    };
+    const startBarDrag = (event, task) => {
+      if (task.task.disabled || dragSession.value) return;
+      if (event.button !== void 0 && event.button !== 0) return;
+      event.preventDefault();
+      const current = layout.value;
+      const captureTarget = event.currentTarget instanceof Element ? event.currentTarget : null;
+      dragSession.value = {
+        pointerId: event.pointerId,
+        startClientX: event.clientX,
+        scale: pointerScale(event),
+        task,
+        sourceTask: task.task,
+        barX: task.x,
+        barWidth: task.width,
+        taskLabelWidth: props.taskLabelWidth,
+        layoutWidth: current.width,
+        minMs: current.minMs,
+        maxMs: current.maxMs,
+        timelineWidth: current.timelineWidth,
+        deltaX: 0,
+        captureTarget
+      };
+      dragPreview.value = { id: task.id, deltaX: 0 };
+      captureBarPointer(event.currentTarget, event.pointerId);
+      attachDocumentPointerListeners();
+    };
+    const handleBarClick = (event, task) => {
+      if (suppressClick) {
+        suppressClick = false;
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      selectTask(task);
+    };
+    onBeforeUnmount(() => {
+      detachDocumentPointerListeners();
+      dragSession.value = null;
+      dragPreview.value = null;
+    });
     return () => h(
       ChartCanvas,
       {
@@ -169,6 +315,9 @@ var Gantt = defineComponent({
             layout.value.tasks.map((task) => {
               const selected = resolvedSelectedId.value === task.id;
               const interactive = (props.hoverable || props.selectable) && !task.task.disabled;
+              const movable = !task.task.disabled;
+              const grabbing = dragPreview.value?.id === task.id;
+              const previewDeltaX = grabbing ? dragPreview.value?.deltaX ?? 0 : 0;
               return h("g", { key: task.id, opacity: getTaskOpacity(task) }, [
                 h(
                   "text",
@@ -182,13 +331,19 @@ var Gantt = defineComponent({
                 h(
                   "g",
                   {
-                    class: getGanttTaskClasses(interactive, selected),
+                    class: getGanttTaskClasses(interactive, selected, movable, grabbing),
                     role: interactive ? "button" : "group",
                     tabindex: interactive ? 0 : void 0,
                     "aria-label": getGanttTaskAriaLabel(task.task),
+                    "data-gantt-task-id": task.id,
+                    transform: previewDeltaX !== 0 ? `translate(${previewDeltaX} 0)` : void 0,
                     onMouseenter: () => setHoveredTask(task),
                     onMouseleave: () => setHoveredTask(null),
-                    onClick: () => selectTask(task),
+                    onPointerdown: (event) => startBarDrag(event, task),
+                    onPointermove: (event) => moveBarDrag(event),
+                    onPointerup: (event) => finishBarDrag(event),
+                    onPointercancel: (event) => finishBarDrag(event),
+                    onClick: (event) => handleBarClick(event, task),
                     onKeydown: (event) => {
                       if (event.key === "Enter" || event.key === " ") {
                         event.preventDefault();

package/dist/{chunk-KBJANUZZ.mjs → chunk-E523VGZP.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-SPFL55TF.mjs";
 import {
   ChartCanvas
-} from "./chunk-W5RZPTFD.mjs";
+} from "./chunk-SNNT64HK.mjs";
 
 // src/components/GaugeChart.ts
 import { defineComponent, computed, h, ref, watch, onBeforeUnmount, useId } from "vue";

package/dist/{chunk-D3U2NJ32.mjs → chunk-FEQ7PZXI.mjs}

@@ -19,6 +19,7 @@ var ColorSwatch = defineComponent({
   name: "TigerColorSwatch",
   props: {
     modelValue: { type: String, default: void 0 },
+    defaultValue: { type: String },
     disabled: { type: Boolean, default: false },
     size: { type: String, default: "md" },
     colors: { type: Array, default: void 0 },
@@ -28,12 +29,16 @@ var ColorSwatch = defineComponent({
   },
   emits: ["update:modelValue", "change"],
   setup(props, { attrs, emit }) {
+    const innerValue = ref(props.defaultValue);
     const focusIndex = ref(-1);
     const optionRefs = ref([]);
     const normalizedGroups = computed(() => normalizeColorSwatchGroups(props.groups, props.colors));
     const options = computed(() => flattenColorSwatchGroups(normalizedGroups.value));
+    const selectedValue = computed(
+      () => props.modelValue !== void 0 ? props.modelValue : innerValue.value
+    );
     const selectedIndex = computed(
-      () => options.value.findIndex((option) => isColorSwatchSelected(option.value, props.modelValue))
+      () => options.value.findIndex((option) => isColorSwatchSelected(option.value, selectedValue.value))
     );
     const firstEnabledIndex = computed(() => options.value.findIndex((option) => !option.disabled));
     const activeIndex = computed(
@@ -41,6 +46,7 @@ var ColorSwatch = defineComponent({
     );
     function handleSelect(option) {
       if (props.disabled || option.disabled) return;
+      if (props.modelValue === void 0) innerValue.value = option.value;
       emit("update:modelValue", option.value);
       emit("change", option.value, option);
     }
@@ -89,7 +95,7 @@ var ColorSwatch = defineComponent({
                 group.colors.map((option) => {
                   const optionIndex = flatIndex;
                   flatIndex += 1;
-                  const selected = isColorSwatchSelected(option.value, props.modelValue);
+                  const selected = isColorSwatchSelected(option.value, selectedValue.value);
                   const optionDisabled = props.disabled || !!option.disabled;
                   const tabIndex = !optionDisabled && optionIndex === (focusIndex.value >= 0 ? focusIndex.value : activeIndex.value) ? 0 : -1;
                   return h(

package/dist/{chunk-PE5OA4YG.mjs → chunk-FHUGOSEY.mjs}

@@ -10,6 +10,8 @@ function unref(value) {
 }
 function useChartInteraction(options) {
   const { emit, getData, eventNames } = options;
+  const isHoverable = () => unref(options.hoverable);
+  const isShowTooltip = () => options.showTooltip === void 0 ? true : unref(options.showTooltip);
   const localHoveredIndex = ref(null);
   const localSelectedIndex = ref(null);
   const tooltipPosition = ref({ x: 0, y: 0 });
@@ -43,11 +45,13 @@ function useChartInteraction(options) {
     });
   };
   const handleMouseEnter = (index, event) => {
-    if (!unref(options.hoverable)) return;
+    const hoverable = isHoverable();
+    if (!hoverable && !isShowTooltip()) return;
     if (options.hoveredIndexProp?.() === void 0) {
       localHoveredIndex.value = index;
     }
     tooltipPosition.value = { x: event.clientX, y: event.clientY };
+    if (!hoverable) return;
     emit("update:hoveredIndex", index);
     if (eventNames?.hover && getData) {
       emit(eventNames.hover, index, getData(index));
@@ -58,10 +62,12 @@ function useChartInteraction(options) {
   };
   const handleMouseLeave = () => {
     tooltipScheduler.cancel();
-    if (!unref(options.hoverable)) return;
+    const hoverable = isHoverable();
+    if (!hoverable && !isShowTooltip()) return;
     if (options.hoveredIndexProp?.() === void 0) {
       localHoveredIndex.value = null;
     }
+    if (!hoverable) return;
     emit("update:hoveredIndex", null);
     if (eventNames?.hover) {
       emit(eventNames.hover, null, null);

package/dist/{chunk-OAPIT53X.mjs → chunk-FIEECAJV.mjs}

@@ -30,9 +30,10 @@ import {
   tourFooterClasses,
   tourIndicatorClasses,
   tourCloseButtonClasses,
+  tourMaskClasses,
   getTourTargetRect,
   getTourPopoverPosition,
-  getTourSpotlightStyle,
+  getTourMaskHoleStyle,
   getActiveTourSteps,
   getCurrentActiveTourStep,
   getActiveTourStepPosition,
@@ -161,6 +162,7 @@ var Tour = defineComponent({
         goTo(nextStep.index);
       } else {
         emit("finish");
+        emit("close");
         emit("update:open", false);
       }
     };
@@ -215,18 +217,13 @@ var Tour = defineComponent({
         };
       }
       const children = [];
-      if (showMask && targetRect.value) {
+      if (showMask) {
         children.push(
           h("div", {
-            style: getTourSpotlightStyle(targetRect.value),
-            "aria-hidden": "true"
-          })
-        );
-      } else if (showMask) {
-        children.push(
-          h("div", {
-            class: "fixed inset-0 z-[1000] bg-black/45",
+            class: tourMaskClasses,
+            "data-tiger-tour-mask": "",
             "aria-hidden": "true",
+            style: targetRect.value ? getTourMaskHoleStyle(targetRect.value) : void 0,
             onClick: close
           })
         );

package/dist/{chunk-7SFB77JR.mjs → chunk-GBPMQJJJ.mjs}

@@ -12,6 +12,7 @@ import {
 import {
   classNames,
   coerceClassValue,
+  createProgrammaticScrollLock,
   createScrollSpyObserver,
   createScrollSpyPayload,
   flattenScrollSpyItems,
@@ -93,6 +94,7 @@ var ScrollSpy = defineComponent({
     );
     const flatItems = computed(() => flattenScrollSpyItems(props.items));
     let stopObserver = null;
+    const scrollLock = createProgrammaticScrollLock(() => props.getContainer());
     const emitActive = (item, source) => {
       const nextKeyString = getScrollSpyKeyString(item.key);
       if (nextKeyString === activeKeyString.value) return;
@@ -108,7 +110,10 @@ var ScrollSpy = defineComponent({
         offsetTop: props.offsetTop,
         targetOffset: props.targetOffset,
         bounds: props.bounds,
-        onChange: (item) => emitActive(item, "scroll")
+        onChange: (item) => {
+          if (scrollLock.isLocked()) return;
+          emitActive(item, "scroll");
+        }
       });
     };
     const handleClick = (item, event) => {
@@ -116,6 +121,7 @@ var ScrollSpy = defineComponent({
       if (item.disabled) return;
       emit("click", item, event);
       emitActive(item, "click");
+      scrollLock.lock();
       scrollToScrollSpyItem(item, props.getContainer(), props.targetOffset ?? props.offsetTop);
     };
     onMounted(() => {
@@ -141,6 +147,7 @@ var ScrollSpy = defineComponent({
     );
     onBeforeUnmount(() => {
       stopObserver?.();
+      scrollLock.dispose();
     });
     const renderItems = (items, nested = false) => h(
       "ul",

package/dist/{chunk-6AMWX5K4.mjs → chunk-GQOPDD44.mjs}

@@ -1,6 +1,6 @@
 import {
   Pagination
-} from "./chunk-2LIIMWBR.mjs";
+} from "./chunk-OYU47A57.mjs";
 import {
   VirtualList
 } from "./chunk-HS4YQGZQ.mjs";

package/dist/{chunk-5RXYJWNA.mjs → chunk-H4DEIGEG.mjs}

@@ -1,6 +1,6 @@
 import {
   Textarea
-} from "./chunk-2OI6GWOT.mjs";
+} from "./chunk-3KAHJF7D.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
@@ -13,6 +13,9 @@ import {
 import {
   Avatar
 } from "./chunk-ZFTRR3KW.mjs";
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/CommentThread.ts
 import { defineComponent, computed, h, ref } from "vue";
@@ -22,7 +25,13 @@ import {
   mergeStyleValues,
   buildCommentTree,
   clipCommentTreeDepth,
-  formatCommentTime
+  formatCommentTime,
+  getCommentThreadLabels,
+  mergeTigerLocale,
+  nextCommentLikeState,
+  resolveCommentLikeState,
+  resolveLocaleText,
+  writeCommentLikeOverlay
 } from "@expcat/tigercat-core";
 
 // ../core/src/internal/comment-thread-styles.ts
@@ -79,39 +88,55 @@ var CommentThread = defineComponent({
     },
     emptyText: {
       type: String,
-      default: "\u6682\u65E0\u8BC4\u8BBA"
+      default: void 0
     },
     replyPlaceholder: {
       type: String,
-      default: "\u5199\u4E0B\u56DE\u590D..."
+      default: void 0
     },
     replyButtonText: {
       type: String,
-      default: "\u56DE\u590D"
+      default: void 0
     },
     cancelReplyText: {
       type: String,
-      default: "\u53D6\u6D88"
+      default: void 0
     },
     likeText: {
       type: String,
-      default: "\u70B9\u8D5E"
+      default: void 0
     },
     likedText: {
       type: String,
-      default: "\u5DF2\u8D5E"
+      default: void 0
     },
     replyText: {
       type: String,
-      default: "\u56DE\u590D"
+      default: void 0
     },
     moreText: {
       type: String,
-      default: "\u66F4\u591A"
+      default: void 0
     },
     loadMoreText: {
       type: String,
-      default: "\u52A0\u8F7D\u66F4\u591A"
+      default: void 0
+    },
+    collapseRepliesText: {
+      type: String,
+      default: void 0
+    },
+    expandRepliesText: {
+      type: String,
+      default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
     },
     showAvatar: {
       type: Boolean,
@@ -144,8 +169,12 @@ var CommentThread = defineComponent({
   },
   emits: ["like", "reply", "more", "action", "update:expandedKeys", "load-more"],
   setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getCommentThreadLabels(mergedLocale.value, props.labels));
     const innerExpandedKeys = ref([...props.defaultExpandedKeys]);
     const expandedAllKeys = ref(/* @__PURE__ */ new Set());
+    const likeOverlay = ref(/* @__PURE__ */ new Map());
     const replyingTo = ref(null);
     const replyValue = ref("");
     const mergedExpandedKeys = computed(() => props.expandedKeys ?? innerExpandedKeys.value);
@@ -177,6 +206,11 @@ var CommentThread = defineComponent({
       expandedAllKeys.value = /* @__PURE__ */ new Set([...expandedAllKeys.value, node.id]);
       emit("load-more", node);
     };
+    const handleLike = (node) => {
+      const next = nextCommentLikeState(node, likeOverlay.value);
+      likeOverlay.value = writeCommentLikeOverlay(likeOverlay.value, node.id, next);
+      emit("like", node, next.liked);
+    };
     const handleReplySubmit = (node) => {
       const trimmed = replyValue.value.trim();
       if (!trimmed) return;
@@ -199,8 +233,9 @@ var CommentThread = defineComponent({
       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}` : "";
+        const { liked, likes } = resolveCommentLikeState(node, likeOverlay.value);
+        const likeLabel = liked ? resolveLocaleText(labels.value.likedText, props.likedText) : resolveLocaleText(labels.value.likeText, props.likeText);
+        const likeCount = likes ? ` ${likes}` : "";
         actions.push(
           h(
             Button,
@@ -211,9 +246,9 @@ var CommentThread = defineComponent({
               className: classNames(
                 commentThreadActionButtonClasses,
                 commentThreadLikeButtonClasses,
-                node.liked && commentThreadLikedButtonClasses
+                liked && commentThreadLikedButtonClasses
               ),
-              onClick: () => emit("like", node, !node.liked)
+              onClick: () => handleLike(node)
             },
             {
               default: () => h("span", { class: "flex items-center gap-1.5" }, [
@@ -222,7 +257,7 @@ var CommentThread = defineComponent({
                   {
                     class: classNames(
                       commentThreadLikeIconClasses,
-                      node.liked ? "fill-current" : "stroke-current fill-none"
+                      liked ? "fill-current" : "stroke-current fill-none"
                     ),
                     viewBox: "0 0 24 24",
                     strokeWidth: "2"
@@ -277,7 +312,7 @@ var CommentThread = defineComponent({
                     })
                   ]
                 ),
-                h("span", props.replyText)
+                h("span", resolveLocaleText(labels.value.replyText, props.replyText))
               ])
             }
           )
@@ -316,7 +351,7 @@ var CommentThread = defineComponent({
                     })
                   ]
                 ),
-                h("span", props.moreText)
+                h("span", resolveLocaleText(labels.value.moreText, props.moreText))
               ])
             }
           )
@@ -436,7 +471,10 @@ var CommentThread = defineComponent({
                   h(Textarea, {
                     rows: 3,
                     modelValue: replyValue.value,
-                    placeholder: props.replyPlaceholder,
+                    placeholder: resolveLocaleText(
+                      labels.value.replyPlaceholder,
+                      props.replyPlaceholder
+                    ),
                     className: commentThreadReplyTextareaClasses,
                     "onUpdate:modelValue": (value) => {
                       replyValue.value = value;
@@ -454,7 +492,9 @@ var CommentThread = defineComponent({
                           replyValue.value = "";
                         }
                       },
-                      { default: () => props.cancelReplyText }
+                      {
+                        default: () => resolveLocaleText(labels.value.cancelReplyText, props.cancelReplyText)
+                      }
                     ),
                     h(
                       Button,
@@ -464,7 +504,9 @@ var CommentThread = defineComponent({
                         className: commentThreadSubmitButtonClasses,
                         onClick: () => handleReplySubmit(node)
                       },
-                      { default: () => props.replyButtonText }
+                      {
+                        default: () => resolveLocaleText(labels.value.replyButtonText, props.replyButtonText)
+                      }
                     )
                   ])
                 ]
@@ -483,7 +525,13 @@ var CommentThread = defineComponent({
                   onClick: () => toggleExpanded(node.id)
                 },
                 {
-                  default: () => isExpanded ? "\u25BE \u6536\u8D77\u56DE\u590D" : `\u25B8 \u5C55\u5F00 ${children.length} \u6761\u56DE\u590D`
+                  default: () => isExpanded ? resolveLocaleText(
+                    labels.value.collapseRepliesText,
+                    props.collapseRepliesText
+                  ) : resolveLocaleText(
+                    labels.value.expandRepliesText,
+                    props.expandRepliesText
+                  ).replace("{count}", String(children.length))
                 }
               ) : null,
               showReplies ? h(
@@ -504,7 +552,9 @@ var CommentThread = defineComponent({
                       className: commentThreadPrimaryButtonClasses,
                       onClick: () => handleLoadMore(node)
                     },
-                    { default: () => props.loadMoreText }
+                    {
+                      default: () => resolveLocaleText(labels.value.loadMoreText, props.loadMoreText)
+                    }
                   ) : null
                 ]
               ) : null
@@ -514,7 +564,7 @@ var CommentThread = defineComponent({
       );
     };
     return () => {
-      const ariaLabel = attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : "\u8BC4\u8BBA\u7EBF\u7A0B");
+      const ariaLabel = attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : "Comment thread");
       const children = resolvedNodes.value.length === 0 ? [
         h(
           "div",
@@ -542,7 +592,9 @@ var CommentThread = defineComponent({
             h(
               Text,
               { tag: "div", size: "sm", color: "muted", class: "font-medium" },
-              { default: () => props.emptyText }
+              {
+                default: () => resolveLocaleText(labels.value.emptyText, props.emptyText)
+              }
             )
           ]
         )