@expcat/tigercat-react 0.2.27 → 0.3.69

package/dist/{chunk-2VXA4YOP.js → chunk-W4TFISRK.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var chunkKQZ4F7FZ_js = require('./chunk-KQZ4F7FZ.js');
+var chunkDUWAV47E_js = require('./chunk-DUWAV47E.js');
 var chunk6PBNFLM7_js = require('./chunk-6PBNFLM7.js');
 var chunkM375I56K_js = require('./chunk-M375I56K.js');
-var chunkDUWAV47E_js = require('./chunk-DUWAV47E.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -21,6 +21,11 @@ var PieChart = ({
   colors,
   showLabels = false,
   labelFormatter,
+  labelPosition = "inside",
+  borderWidth = 2,
+  borderColor = "#ffffff",
+  hoverOffset = 8,
+  shadow = false,
   hoverable = false,
   hoveredIndex: hoveredIndexProp,
   activeOpacity = 1,
@@ -79,8 +84,9 @@ var PieChart = ({
   );
   const resolvedOuterRadius = react.useMemo(() => {
     if (typeof outerRadius === "number") return Math.max(0, outerRadius);
-    return Math.max(0, Math.min(innerRect.width, innerRect.height) / 2);
-  }, [outerRadius, innerRect.width, innerRect.height]);
+    const maxR = Math.min(innerRect.width, innerRect.height) / 2;
+    return labelPosition === "outside" ? maxR * 0.72 : maxR;
+  }, [outerRadius, innerRect.width, innerRect.height, labelPosition]);
   const resolvedInnerRadius = react.useMemo(
     () => Math.min(Math.max(0, innerRadius ?? 0), resolvedOuterRadius),
     [innerRadius, resolvedOuterRadius]
@@ -93,38 +99,31 @@ var PieChart = ({
     }),
     [data, startAngle, endAngle, padAngle]
   );
-  const palette = react.useMemo(
-    () => colors && colors.length > 0 ? colors : [...tigercatCore.DEFAULT_CHART_COLORS],
-    [colors]
-  );
+  const palette = react.useMemo(() => tigercatCore.resolveChartPalette(colors), [colors]);
   const cx = innerRect.width / 2;
   const cy = innerRect.height / 2;
   const labelRadius = resolvedInnerRadius + (resolvedOuterRadius - resolvedInnerRadius) / 2;
   const total = react.useMemo(() => data.reduce((sum, d) => sum + d.value, 0), [data]);
   const formatLabel = labelFormatter ?? ((value, datum) => datum.label ?? `${value}`);
   const legendItems = react.useMemo(
-    () => arcs.map((arc) => ({
-      index: arc.index,
-      label: legendFormatter ? legendFormatter(arc.data, arc.index) : arc.data.label ?? `${arc.index + 1}`,
-      color: arc.data.color ?? palette[arc.index % palette.length],
-      active: activeIndex === null || activeIndex === arc.index
-    })),
+    () => tigercatCore.buildChartLegendItems({
+      data: arcs.map((a) => a.data),
+      palette,
+      activeIndex,
+      getLabel: (d, i) => legendFormatter ? legendFormatter(d, i) : d.label ?? `${i + 1}`,
+      getColor: (d, i) => d.color ?? palette[i % palette.length]
+    }),
     [arcs, legendFormatter, palette, activeIndex]
   );
-  const formatTooltip = react.useCallback(
-    (datum, index) => {
-      if (tooltipFormatter) return tooltipFormatter(datum, index);
+  const tooltipContent = react.useMemo(
+    () => tigercatCore.resolveChartTooltipContent(resolvedHoveredIndex, data, tooltipFormatter, (datum, index) => {
       const label = datum.label ?? `Slice ${index + 1}`;
       const percentage = total > 0 ? (datum.value / total * 100).toFixed(1) : "0";
       return `${label}: ${datum.value} (${percentage}%)`;
-    },
-    [tooltipFormatter, total]
+    }),
+    [resolvedHoveredIndex, data, tooltipFormatter, total]
   );
-  const tooltipContent = react.useMemo(() => {
-    if (resolvedHoveredIndex === null) return "";
-    const datum = data[resolvedHoveredIndex];
-    return datum ? formatTooltip(datum, resolvedHoveredIndex) : "";
-  }, [resolvedHoveredIndex, data, formatTooltip]);
+  const interactive = hoverable || selectable;
   const chart = /* @__PURE__ */ jsxRuntime.jsxs(
     chunkDUWAV47E_js.ChartCanvas,
     {
@@ -145,20 +144,28 @@ var PieChart = ({
             startAngle: arc.startAngle,
             endAngle: arc.endAngle
           });
+          const isEmphasized = activeIndex === arc.index;
           const opacity = tigercatCore.getChartElementOpacity(arc.index, activeIndex, {
             activeOpacity,
             inactiveOpacity
           });
+          const { dx, dy } = interactive && isEmphasized && hoverOffset > 0 ? tigercatCore.computePieHoverOffset(arc.startAngle, arc.endAngle, hoverOffset) : { dx: 0, dy: 0 };
           return /* @__PURE__ */ jsxRuntime.jsx(
             "path",
             {
               d: path,
               fill: color,
               opacity,
-              className: tigercatCore.classNames(
-                "transition-opacity duration-150",
-                (hoverable || selectable) && "cursor-pointer"
-              ),
+              stroke: borderColor,
+              strokeWidth: borderWidth,
+              strokeLinejoin: "round",
+              className: tigercatCore.classNames(interactive && "cursor-pointer"),
+              style: {
+                transform: isEmphasized ? `translate(${dx}px, ${dy}px) scale(1.04)` : `translate(${dx}px, ${dy}px)`,
+                transformOrigin: `${cx}px ${cy}px`,
+                transition: "transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.2s ease-out, filter 0.3s ease-out",
+                filter: shadow ? isEmphasized ? tigercatCore.PIE_EMPHASIS_SHADOW : tigercatCore.PIE_BASE_SHADOW : void 0
+              },
               tabIndex: selectable ? 0 : void 0,
               "data-pie-slice": "true",
               "data-index": arc.index,
@@ -171,7 +178,42 @@ var PieChart = ({
             `slice-${arc.index}`
           );
         }) }),
-        showLabels && arcs.map((arc) => {
+        showLabels && labelPosition === "outside" && arcs.map((arc) => {
+          const color = arc.data.color ?? palette[arc.index % palette.length];
+          const line = tigercatCore.computePieLabelLine(
+            cx,
+            cy,
+            resolvedOuterRadius,
+            arc.startAngle,
+            arc.endAngle
+          );
+          const pct = total > 0 ? (arc.value / total * 100).toFixed(1) : "0";
+          const labelText = labelFormatter ? labelFormatter(arc.value, arc.data, arc.index) : `${arc.data.label ?? arc.value} ${pct}%`;
+          return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "polyline",
+              {
+                points: `${line.anchor.x},${line.anchor.y} ${line.elbow.x},${line.elbow.y} ${line.label.x},${line.label.y}`,
+                fill: "none",
+                stroke: color,
+                strokeWidth: 1,
+                opacity: 0.5
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "text",
+              {
+                x: line.label.x,
+                y: line.label.y,
+                textAnchor: line.textAnchor,
+                dominantBaseline: "middle",
+                className: "fill-[color:var(--tiger-text-secondary,#6b7280)] text-xs",
+                children: labelText
+              }
+            )
+          ] }, `label-group-${arc.index}`);
+        }),
+        showLabels && labelPosition !== "outside" && arcs.map((arc) => {
           const angle = (arc.startAngle + arc.endAngle) / 2;
           const { x, y } = tigercatCore.polarToCartesian(cx, cy, labelRadius, angle);
           const label = formatLabel(arc.value, arc.data, arc.index);
@@ -215,7 +257,7 @@ var PieChart = ({
         position: legendPosition,
         markerSize: legendMarkerSize,
         gap: legendGap,
-        interactive: hoverable || selectable,
+        interactive,
         onItemClick: handleLegendClick,
         onItemHover: handleLegendHover,
         onItemLeave: handleLegendLeave

package/dist/{chunk-4MMT4EJJ.mjs → chunk-WAIXKROS.mjs}

@@ -1,5 +1,5 @@
-import { useState, useCallback, useEffect, useMemo } from 'react';
-import { getScrollTop, scrollToTop, classNames, backTopButtonClasses, backTopContainerClasses, backTopVisibleClasses, backTopHiddenClasses, backTopIconPath } from '@expcat/tigercat-core';
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { scrollToTop, classNames, backTopButtonClasses, backTopContainerClasses, backTopVisibleClasses, backTopHiddenClasses, getScrollTop, backTopIconPath } from '@expcat/tigercat-core';
 import { jsx } from 'react/jsx-runtime';
 
 // src/components/BackTop.tsx
@@ -27,34 +27,29 @@ var BackTop = ({
   ...props
 }) => {
   const [visible, setVisible] = useState(false);
-  const handleScroll = useCallback(() => {
-    const targetElement = target();
-    if (!targetElement) return;
-    const scrollTop = getScrollTop(targetElement);
-    setVisible(scrollTop >= visibilityHeight);
+  useEffect(() => {
+    const el = target();
+    if (!el) return;
+    const onScroll = () => {
+      setVisible(getScrollTop(el) >= visibilityHeight);
+    };
+    el.addEventListener("scroll", onScroll, { passive: true });
+    onScroll();
+    return () => {
+      el.removeEventListener("scroll", onScroll);
+    };
   }, [target, visibilityHeight]);
   const handleClick = useCallback(
     (event) => {
-      const targetElement = target();
-      if (targetElement) {
-        scrollToTop(targetElement, duration);
-      }
+      const el = target();
+      if (el) scrollToTop(el, duration);
       onClick?.(event);
     },
     [target, duration, onClick]
   );
-  useEffect(() => {
-    const targetElement = target();
-    if (!targetElement) return;
-    targetElement.addEventListener("scroll", handleScroll, { passive: true });
-    handleScroll();
-    return () => {
-      targetElement.removeEventListener("scroll", handleScroll);
-    };
-  }, [target, handleScroll]);
   const buttonClasses = useMemo(() => {
-    const targetElement = target();
-    const positionClasses = !targetElement || targetElement === window ? backTopButtonClasses : backTopContainerClasses;
+    const el = target();
+    const positionClasses = !el || el === window ? backTopButtonClasses : backTopContainerClasses;
     return classNames(
       positionClasses,
       visible ? backTopVisibleClasses : backTopHiddenClasses,

package/dist/{chunk-7IKJBQQV.mjs → chunk-WGRYO5HX.mjs}

@@ -1,7 +1,7 @@
-import { useClickOutside, useEscapeKey, useFloating } from './chunk-WLIFEALE.mjs';
 import { DropdownMenu } from './chunk-SIVJX7VU.mjs';
-import React, { createContext, useState, useRef, useCallback, useEffect, useMemo } from 'react';
-import { classNames, getDropdownContainerClasses, getDropdownTriggerClasses, getTransformOrigin } from '@expcat/tigercat-core';
+import { useClickOutside, useEscapeKey, useFloating } from './chunk-WLIFEALE.mjs';
+import React, { createContext, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { injectDropdownStyles, classNames, getDropdownContainerClasses, getDropdownTriggerClasses, DROPDOWN_ENTER_CLASS, getTransformOrigin, getDropdownChevronClasses, DROPDOWN_CHEVRON_PATH } from '@expcat/tigercat-core';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var DropdownContext = createContext(null);
@@ -13,11 +13,11 @@ var Dropdown = ({
   visible: controlledVisible,
   defaultVisible = false,
   closeOnClick = true,
+  showArrow = true,
   className,
   style,
   onVisibleChange,
   children,
-  onKeyDown,
   ...divProps
 }) => {
   const [internalVisible, setInternalVisible] = useState(defaultVisible);
@@ -26,6 +26,9 @@ var Dropdown = ({
   const triggerRef = useRef(null);
   const floatingRef = useRef(null);
   const hoverTimerRef = useRef(null);
+  useEffect(() => {
+    injectDropdownStyles();
+  }, []);
   const setVisible = useCallback(
     (newVisible) => {
       if (disabled && newVisible) return;
@@ -86,13 +89,12 @@ var Dropdown = ({
       }
     };
   }, []);
-  const containerClasses = classNames(
-    getDropdownContainerClasses(),
-    "tiger-dropdown-container",
-    className
+  const containerClasses = useMemo(
+    () => classNames(getDropdownContainerClasses(), "tiger-dropdown-container", className),
+    [className]
   );
-  const triggerClasses = getDropdownTriggerClasses(disabled);
-  const menuWrapperClasses = "absolute z-50";
+  const triggerClasses = useMemo(() => getDropdownTriggerClasses(disabled), [disabled]);
+  const menuWrapperClasses = classNames("absolute z-50", DROPDOWN_ENTER_CLASS);
   const menuWrapperStyles = useMemo(
     () => ({
       position: "absolute",
@@ -102,10 +104,10 @@ var Dropdown = ({
     }),
     [x, y, placement]
   );
-  const contextValue = {
-    closeOnClick,
-    handleItemClick
-  };
+  const contextValue = useMemo(
+    () => ({ closeOnClick, handleItemClick }),
+    [closeOnClick, handleItemClick]
+  );
   const childrenArray = React.Children.toArray(children);
   let triggerElement = null;
   let menuElement = null;
@@ -122,19 +124,29 @@ var Dropdown = ({
       triggerElement = child;
     }
   });
-  const handleContainerKeyDown = (event) => {
-    onKeyDown?.(event);
-  };
+  const chevronNode = showArrow ? /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: getDropdownChevronClasses(visible),
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: DROPDOWN_CHEVRON_PATH })
+    }
+  ) : null;
   return /* @__PURE__ */ jsx(DropdownContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
     "div",
     {
       ref: containerRef,
       className: containerClasses,
       style,
-      onKeyDown: handleContainerKeyDown,
       ...divProps,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           "div",
           {
             ref: triggerRef,
@@ -144,7 +156,10 @@ var Dropdown = ({
             onMouseLeave: handleMouseLeave,
             "aria-haspopup": "menu",
             "aria-expanded": visible,
-            children: triggerElement
+            children: [
+              triggerElement,
+              chevronNode
+            ]
           }
         ),
         /* @__PURE__ */ jsx(

package/dist/{chunk-ZPWDDAFE.js → chunk-XID6T65A.js}

@@ -30,6 +30,7 @@ var Anchor = ({
   const inkRef = react.useRef(null);
   const isScrollingRef = react.useRef(false);
   const animationFrameRef = react.useRef(null);
+  const scrollTimeoutRef = react.useRef(null);
   const getContainerRef = react.useRef(getContainer);
   getContainerRef.current = getContainer;
   const scrollOffset = react.useMemo(() => targetOffset ?? offsetTop, [targetOffset, offsetTop]);
@@ -57,19 +58,20 @@ var Anchor = ({
       isScrollingRef.current = true;
       setActiveLink(href);
       scrollTo(href);
-      setTimeout(() => {
+      if (scrollTimeoutRef.current !== null) clearTimeout(scrollTimeoutRef.current);
+      scrollTimeoutRef.current = setTimeout(() => {
         isScrollingRef.current = false;
+        scrollTimeoutRef.current = null;
       }, 500);
     },
     [onClick, scrollTo]
   );
-  const scrollHandlerRef = react.useRef(null);
-  const boundContainerRef = react.useRef(null);
   react.useEffect(() => {
+    let container = null;
+    let handleScroll = null;
     const timeoutId = setTimeout(() => {
-      const container = getContainerRef.current();
-      boundContainerRef.current = container;
-      const handleScroll = () => {
+      container = getContainerRef.current();
+      handleScroll = () => {
         if (isScrollingRef.current) return;
         if (animationFrameRef.current !== null) {
           cancelAnimationFrame(animationFrameRef.current);
@@ -87,18 +89,20 @@ var Anchor = ({
           });
         });
       };
-      scrollHandlerRef.current = handleScroll;
       container.addEventListener("scroll", handleScroll, { passive: true });
       handleScroll();
     }, 0);
     return () => {
       clearTimeout(timeoutId);
-      if (boundContainerRef.current && scrollHandlerRef.current) {
-        boundContainerRef.current.removeEventListener("scroll", scrollHandlerRef.current);
+      if (container && handleScroll) {
+        container.removeEventListener("scroll", handleScroll);
       }
       if (animationFrameRef.current !== null) {
         cancelAnimationFrame(animationFrameRef.current);
       }
+      if (scrollTimeoutRef.current !== null) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
     };
   }, [links, bounds, scrollOffset, getCurrentAnchor, onChange]);
   react.useEffect(() => {
@@ -128,10 +132,7 @@ var Anchor = ({
   const inkContainerClasses = react.useMemo(() => tigercatCore.getAnchorInkContainerClasses(direction), [direction]);
   const inkActiveClasses = react.useMemo(() => tigercatCore.getAnchorInkActiveClasses(direction), [direction]);
   const linkListClasses = react.useMemo(() => tigercatCore.getAnchorLinkListClasses(direction), [direction]);
-  const showInk = react.useMemo(() => {
-    if (!affix) return true;
-    return showInkInFixed;
-  }, [affix, showInkInFixed]);
+  const showInk = react.useMemo(() => !affix || showInkInFixed, [affix, showInkInFixed]);
   const wrapperStyle = react.useMemo(() => {
     const baseStyle = {};
     if (affix && offsetTop > 0) {

package/dist/chunk-XJ7U2W7S.mjs

@@ -0,0 +1,27 @@
+import { getSpaceStyle, getSpaceClasses } from '@expcat/tigercat-core';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Space.tsx
+var Space = ({
+  direction = "horizontal",
+  size = "md",
+  align = "start",
+  wrap = false,
+  children,
+  className,
+  style,
+  ...props
+}) => {
+  const gapStyle = getSpaceStyle(size);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: getSpaceClasses({ direction, size, align, wrap }, className),
+      style: gapStyle ? { ...gapStyle, ...style } : style,
+      children
+    }
+  );
+};
+
+export { Space };

package/dist/chunk-XKDWDANG.js

@@ -0,0 +1,192 @@
+'use strict';
+
+var chunkOYCMGKQ7_js = require('./chunk-OYCMGKQ7.js');
+var chunkVCOBBJLP_js = require('./chunk-VCOBBJLP.js');
+var chunkF24IF2QL_js = require('./chunk-F24IF2QL.js');
+var chunkCI2WHAT2_js = require('./chunk-CI2WHAT2.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ChatWindow = ({
+  messages = [],
+  value,
+  defaultValue = "",
+  placeholder = "\u8BF7\u8F93\u5165\u6D88\u606F",
+  disabled = false,
+  maxLength,
+  emptyText = "\u6682\u65E0\u6D88\u606F",
+  sendText = "\u53D1\u9001",
+  messageListAriaLabel,
+  inputAriaLabel,
+  sendAriaLabel,
+  statusText,
+  statusVariant = "info",
+  showAvatar = true,
+  showName = true,
+  showTime = false,
+  inputType = "textarea",
+  inputRows = 3,
+  sendOnEnter = true,
+  allowShiftEnter = true,
+  allowEmpty = false,
+  clearOnSend = true,
+  statusVariant: _sv,
+  onChange,
+  onSend,
+  renderMessage,
+  className,
+  ...props
+}) => {
+  const [innerValue, setInnerValue] = react.useState(value ?? defaultValue);
+  react.useEffect(() => {
+    if (value !== void 0) {
+      setInnerValue(value);
+    }
+  }, [value]);
+  const inputValue = value !== void 0 ? value : innerValue;
+  const wrapperClasses = react.useMemo(
+    () => tigercatCore.classNames(
+      "tiger-chat-window flex flex-col w-full rounded-lg border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)]",
+      className
+    ),
+    [className]
+  );
+  const canSend = react.useMemo(() => {
+    if (disabled) return false;
+    if (allowEmpty) return true;
+    const raw = String(inputValue ?? "");
+    return raw.trim().length > 0;
+  }, [allowEmpty, disabled, inputValue]);
+  const handleValueChange = react.useCallback(
+    (nextValue) => {
+      if (value === void 0) {
+        setInnerValue(nextValue);
+      }
+      onChange?.(nextValue);
+    },
+    [onChange, value]
+  );
+  const handleSend = react.useCallback(() => {
+    if (!canSend) return;
+    const payload = String(inputValue ?? "");
+    onSend?.(payload);
+    if (clearOnSend) {
+      if (value === void 0) {
+        setInnerValue("");
+      }
+      onChange?.("");
+    }
+  }, [canSend, clearOnSend, inputValue, onSend, onChange, value]);
+  const handleKeyDown = react.useCallback(
+    (event) => {
+      if (!sendOnEnter) return;
+      if (event.key !== "Enter") return;
+      if (inputType === "textarea" && allowShiftEnter && event.shiftKey) return;
+      event.preventDefault();
+      handleSend();
+    },
+    [allowShiftEnter, handleSend, inputType, sendOnEnter]
+  );
+  const renderMessageItem = react.useCallback(
+    (message, index) => {
+      const isSelf = message.direction === "self";
+      const statusInfo = message.status ? tigercatCore.getChatMessageStatusInfo(message.status) : void 0;
+      const timeText = showTime ? tigercatCore.formatChatTime(message.time) : "";
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: tigercatCore.classNames(
+            "flex gap-3 items-start",
+            isSelf ? "flex-row-reverse" : "justify-start"
+          ),
+          "data-tiger-chat-message": true,
+          role: "listitem",
+          children: [
+            showAvatar && message.user ? /* @__PURE__ */ jsxRuntime.jsx(
+              chunkCI2WHAT2_js.Avatar,
+              {
+                size: "sm",
+                src: message.user.avatar,
+                text: message.user.name,
+                className: "flex-shrink-0"
+              }
+            ) : null,
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.classNames("flex flex-col max-w-[75%]", isSelf && "items-end"), children: [
+              showName && message.user?.name && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: tigercatCore.classNames(
+                    "text-xs mb-1 text-[var(--tiger-text-muted,#6b7280)]",
+                    isSelf && "text-right"
+                  ),
+                  children: message.user.name
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: tigercatCore.classNames(
+                    "rounded-lg px-3 py-2 text-sm break-words",
+                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-none" : "bg-[var(--tiger-surface-muted,#f3f4f6)] text-[var(--tiger-text,#111827)] rounded-tl-none"
+                  ),
+                  "data-tiger-chat-bubble": true,
+                  children: renderMessage?.(message, index) ?? message.content
+                }
+              ),
+              statusInfo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames("text-xs mt-1", statusInfo.className), children: message.statusText || statusInfo.text }),
+              timeText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs mt-1 text-[var(--tiger-text-muted,#6b7280)]", children: timeText })
+            ] })
+          ]
+        },
+        message.id ?? index
+      );
+    },
+    [renderMessage, showAvatar, showName, showTime]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, "data-tiger-chat-window": true, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "flex-1 overflow-auto p-4 space-y-3",
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        "aria-label": messageListAriaLabel ?? "\u6D88\u606F\u5217\u8868",
+        children: messages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center text-[var(--tiger-text-muted,#6b7280)]", children: emptyText }) : messages.map(renderMessageItem)
+      }
+    ),
+    statusText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-1.5 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)]", children: statusText }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-3 px-4 py-3 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunkOYCMGKQ7_js.Input,
+        {
+          value: inputValue,
+          placeholder,
+          disabled,
+          maxLength,
+          "aria-label": inputAriaLabel ?? placeholder ?? "\u6D88\u606F\u8F93\u5165",
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        chunkVCOBBJLP_js.Textarea,
+        {
+          value: inputValue,
+          placeholder,
+          disabled,
+          maxLength,
+          rows: inputRows,
+          "aria-label": inputAriaLabel ?? placeholder ?? "\u6D88\u606F\u8F93\u5165",
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkF24IF2QL_js.Button, { disabled: !canSend, onClick: handleSend, "aria-label": sendAriaLabel ?? sendText, children: sendText })
+    ] })
+  ] });
+};
+var ChatWindow_default = ChatWindow;
+
+exports.ChatWindow = ChatWindow;
+exports.ChatWindow_default = ChatWindow_default;

package/dist/{chunk-EI2GHMQS.js → chunk-XLVEI7GS.js}

@@ -16,20 +16,22 @@ var Row = ({
   style,
   ...divProps
 }) => {
-  const { rowStyle } = tigercatCore.getGutterStyles(gutter);
-  const rowClasses = tigercatCore.classNames(
-    "flex",
-    "w-full",
-    wrap && "flex-wrap",
-    tigercatCore.getAlignClasses(align),
-    tigercatCore.getJustifyClasses(justify),
-    className
+  const rowClasses = react.useMemo(
+    () => tigercatCore.classNames(
+      "flex",
+      "w-full",
+      wrap && "flex-wrap",
+      tigercatCore.getAlignClasses(align),
+      tigercatCore.getJustifyClasses(justify),
+      className
+    ),
+    [wrap, align, justify, className]
   );
-  const mergedStyle = {
-    ...rowStyle,
-    ...style
-  };
-  const contextValue = { gutter };
+  const mergedStyle = react.useMemo(
+    () => ({ ...tigercatCore.getGutterStyles(gutter).rowStyle, ...style }),
+    [gutter, style]
+  );
+  const contextValue = react.useMemo(() => ({ gutter }), [gutter]);
   return /* @__PURE__ */ jsxRuntime.jsx(RowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: rowClasses, style: mergedStyle, ...divProps, children }) });
 };