@expcat/tigercat-react 2.1.0 → 2.1.1

package/dist/{chunk-7KCQMXJA.mjs → chunk-KDURW5AS.mjs}

@@ -1,12 +1,12 @@
 import {
   useChartInteraction
-} from "./chunk-DNOPEJ5I.mjs";
+} from "./chunk-JZZPLKTW.mjs";
 import {
   ChartTooltip
 } from "./chunk-YORCCCQX.mjs";
 import {
   ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
+} from "./chunk-CUAXRBKO.mjs";
 import {
   ChartLegend
 } from "./chunk-F2ITBDUS.mjs";
@@ -70,6 +70,7 @@ var FunnelChart = ({
     wrapperClasses
   } = useChartInteraction({
     hoverable,
+    showTooltip,
     hoveredIndexProp,
     selectable,
     selectedIndexProp,
@@ -191,7 +192,7 @@ var FunnelChart = ({
       ]
     }
   );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsx(
+  const tooltip = showTooltip ? /* @__PURE__ */ jsx(
     ChartTooltip,
     {
       content: tooltipContent,

package/dist/{chunk-TFMEHUVZ.mjs → chunk-KKN7KLTB.mjs}

@@ -18,7 +18,6 @@ var QRCode = ({
   size = 128,
   color = "#000000",
   bgColor = "#ffffff",
-  level: _level = "M",
   status = "active",
   onRefresh,
   className,

package/dist/{chunk-6MGQAJ62.mjs → chunk-KL6YJIZ3.mjs}

@@ -11,15 +11,24 @@ import {
   colorPickerPanelClasses,
   colorPickerInputClasses,
   colorPickerPresetClasses,
-  hexToRgb,
   rgbToHex,
   rgbToHsv,
   hsvToRgb,
   formatColorString,
   parseColorInput,
+  parseColorParts,
   classNames
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
+function rgbFromValue(value) {
+  const parts = parseColorParts(value);
+  return parts ? { r: parts.r, g: parts.g, b: parts.b } : { r: 0, g: 0, b: 0 };
+}
+function explicitAlphaFromValue(value) {
+  if (!/^(rgba|hsla)\(/i.test(value.trim())) return null;
+  const parts = parseColorParts(value);
+  return parts ? parts.a : null;
+}
 var ColorPicker = ({
   value = "#2563eb",
   disabled = false,
@@ -31,7 +40,7 @@ var ColorPicker = ({
   onChange
 }) => {
   const [isOpen, setIsOpen] = useState(false);
-  const [alpha, setAlpha] = useState(1);
+  const [alpha, setAlpha] = useState(() => explicitAlphaFromValue(value) ?? 1);
   const containerRef = useRef(null);
   const triggerRef = useRef(null);
   const panelRef = useRef(null);
@@ -47,8 +56,12 @@ var ColorPicker = ({
     restoreFocusOnDismiss: true,
     onDismiss: () => setIsOpen(false)
   });
-  const rgb = useMemo(() => hexToRgb(value), [value]);
+  const rgb = useMemo(() => rgbFromValue(value), [value]);
   const hsv = useMemo(() => rgbToHsv(rgb.r, rgb.g, rgb.b), [rgb]);
+  useEffect(() => {
+    const next = explicitAlphaFromValue(value);
+    if (next !== null) setAlpha(next);
+  }, [value]);
   const displayValue = useMemo(
     () => formatColorString(rgb.r, rgb.g, rgb.b, format, showAlpha ? alpha : void 0),
     [rgb, format, showAlpha, alpha]
@@ -80,13 +93,17 @@ var ColorPicker = ({
   function handleInputChange(e) {
     const val = e.target.value;
     setInputValue(val);
-    const hex = parseColorInput(val);
-    if (hex) {
-      onChange?.(hex);
+    const parsed = parseColorInput(val);
+    if (parsed) {
+      onChange?.(parsed);
     }
   }
   function handleAlphaChange(e) {
-    setAlpha(Number(e.target.value) / 100);
+    const nextAlpha = Number(e.target.value) / 100;
+    setAlpha(nextAlpha);
+    const emitFormat = format === "hex" ? "rgb" : format;
+    const next = formatColorString(rgb.r, rgb.g, rgb.b, emitFormat, nextAlpha);
+    onChange?.(next);
   }
   function handlePresetClick(color) {
     onChange?.(color);

package/dist/{chunk-PFL4HNWM.mjs → chunk-M6ZPTGBV.mjs}

@@ -10,7 +10,6 @@ import {
   getPageRange,
   validateCurrentPage,
   getPageNumbers,
-  defaultTotalText,
   formatPaginationTotal,
   getPaginationContainerClasses,
   getPaginationButtonBaseClasses,
@@ -179,7 +178,7 @@ var Pagination = ({
   const nextDisabled = validatedCurrentPage >= totalPages || disabled;
   const elements = [];
   if (showTotal) {
-    const totalTextFn = totalText || (labelsOverride?.totalText || mergedLocale?.pagination?.totalText ? (value, range) => formatPaginationTotal(labels.totalText, value, range, localeCode) : defaultTotalText);
+    const totalTextFn = totalText || ((value, range) => formatPaginationTotal(labels.totalText, value, range, localeCode));
     elements.push(
       /* @__PURE__ */ jsx("span", { className: getTotalTextClasses(size), children: totalTextFn(total, pageRange) }, "total")
     );

package/dist/{chunk-PXRZ6CKY.mjs → chunk-MJVSZ2UJ.mjs}

@@ -3,38 +3,47 @@ import {
 } from "./chunk-Y5X3G2LD.mjs";
 import {
   Input
-} from "./chunk-F6WV53BS.mjs";
+} from "./chunk-3LDDXHW2.mjs";
 import {
   Empty
 } from "./chunk-W7BC4I2Y.mjs";
 import {
   Textarea
-} from "./chunk-UYJJLHVA.mjs";
+} from "./chunk-PMQJ6AYT.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Avatar
 } from "./chunk-OO562MFD.mjs";
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/ChatWindow.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import {
   classNames,
   getChatMessageStatusInfo,
+  buildChatMessageStatusInfo,
   getChatStatusBarClasses,
-  formatChatTime
+  formatChatTime,
+  getChatWindowLabels,
+  mergeTigerLocale,
+  resolveLocaleText
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var ChatWindow = ({
   messages = [],
   value,
   defaultValue = "",
-  placeholder = "\u8BF7\u8F93\u5165\u6D88\u606F",
+  placeholder,
   disabled = false,
   maxLength,
-  emptyText = "\u6682\u65E0\u6D88\u606F",
-  sendText = "\u53D1\u9001",
+  emptyText,
+  sendText,
+  locale,
+  labels: labelsOverride,
   messageListAriaLabel,
   inputAriaLabel,
   sendAriaLabel,
@@ -59,6 +68,19 @@ var ChatWindow = ({
   className,
   ...props
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getChatWindowLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
+  const statusMap = useMemo(() => buildChatMessageStatusInfo(labels), [labels]);
+  const resolvedPlaceholder = resolveLocaleText(labels.placeholder, placeholder);
+  const resolvedEmptyText = resolveLocaleText(labels.emptyText, emptyText);
+  const resolvedSendText = resolveLocaleText(labels.sendText, sendText);
   const [innerValue, setInnerValue] = useState(value ?? defaultValue);
   useEffect(() => {
     if (value !== void 0) {
@@ -112,7 +134,7 @@ var ChatWindow = ({
   const renderMessageItem = useCallback(
     (message, index) => {
       const isSelf = message.direction === "self";
-      const statusInfo = message.status ? getChatMessageStatusInfo(message.status) : void 0;
+      const statusInfo = message.status ? getChatMessageStatusInfo(message.status, statusMap) : void 0;
       const timeText = showTime ? formatChatTime(message.time) : "";
       return /* @__PURE__ */ jsxs(
         "div",
@@ -163,7 +185,7 @@ var ChatWindow = ({
         message.id ?? index
       );
     },
-    [renderMessage, showAvatar, showName, showTime]
+    [renderMessage, showAvatar, showName, showTime, statusMap]
   );
   const messageListRef = useRef(null);
   useEffect(() => {
@@ -185,7 +207,7 @@ var ChatWindow = ({
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
-        "aria-label": messageListAriaLabel ?? "\u6D88\u606F\u5217\u8868",
+        "aria-label": messageListAriaLabel ?? "Message list",
         children: /* @__PURE__ */ jsx(
           VirtualList,
           {
@@ -204,8 +226,8 @@ var ChatWindow = ({
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
-        "aria-label": messageListAriaLabel ?? "\u6D88\u606F\u5217\u8868",
-        children: messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Empty, { description: emptyText }) }) : messages.map(renderMessageItem)
+        "aria-label": messageListAriaLabel ?? "Message list",
+        children: messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Empty, { description: resolvedEmptyText }) }) : messages.map(renderMessageItem)
       }
     ),
     statusText && /* @__PURE__ */ jsx("div", { className: getChatStatusBarClasses(statusVariant), children: statusText }),
@@ -214,10 +236,10 @@ var ChatWindow = ({
         Input,
         {
           value: inputValue,
-          placeholder,
+          placeholder: resolvedPlaceholder,
           disabled,
           maxLength,
-          "aria-label": inputAriaLabel ?? placeholder ?? "\u6D88\u606F\u8F93\u5165",
+          "aria-label": inputAriaLabel ?? resolvedPlaceholder,
           onChange: (event) => handleValueChange(event.currentTarget.value),
           onKeyDown: handleKeyDown
         }
@@ -225,16 +247,24 @@ var ChatWindow = ({
         Textarea,
         {
           value: inputValue,
-          placeholder,
+          placeholder: resolvedPlaceholder,
           disabled,
           maxLength,
           rows: inputRows,
-          "aria-label": inputAriaLabel ?? placeholder ?? "\u6D88\u606F\u8F93\u5165",
+          "aria-label": inputAriaLabel ?? resolvedPlaceholder,
           onChange: (event) => handleValueChange(event.currentTarget.value),
           onKeyDown: handleKeyDown
         }
       ) }),
-      /* @__PURE__ */ jsx(Button, { disabled: !canSend, onClick: handleSend, "aria-label": sendAriaLabel ?? sendText, children: sendText })
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: !canSend,
+          onClick: handleSend,
+          "aria-label": sendAriaLabel ?? resolvedSendText,
+          children: resolvedSendText
+        }
+      )
     ] })
   ] });
 };

package/dist/{chunk-LZKBDQE4.mjs → chunk-MYI3FPG4.mjs}

@@ -1,12 +1,12 @@
 import {
   useChartInteraction
-} from "./chunk-DNOPEJ5I.mjs";
+} from "./chunk-JZZPLKTW.mjs";
 import {
   ChartTooltip
 } from "./chunk-YORCCCQX.mjs";
 import {
   ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
+} from "./chunk-CUAXRBKO.mjs";
 import {
   ChartLegend
 } from "./chunk-F2ITBDUS.mjs";
@@ -16,6 +16,7 @@ import { useId, useMemo } from "react";
 import {
   classNames,
   computeSunburstArcs,
+  getSunburstLabelPoint,
   getChartElementOpacity,
   getChartInnerRect,
   getStableChartGradientPrefix,
@@ -30,7 +31,7 @@ var SunburstChart = ({
   padding = 24,
   data,
   innerRadiusRatio = 0,
-  showLabels: _showLabels = true,
+  showLabels = true,
   colors,
   gradient = false,
   hoverable = false,
@@ -97,6 +98,7 @@ var SunburstChart = ({
     wrapperClasses
   } = useChartInteraction({
     hoverable,
+    showTooltip,
     hoveredIndexProp,
     selectable,
     selectedIndexProp,
@@ -189,11 +191,28 @@ var SunburstChart = ({
             },
             `arc-${arc.index}`
           );
+        }),
+        showLabels && arcs.map((arc) => {
+          const { x, y } = getSunburstLabelPoint(arc, cx, cy);
+          return /* @__PURE__ */ jsx(
+            "text",
+            {
+              x,
+              y,
+              className: "fill-white text-xs",
+              textAnchor: "middle",
+              dominantBaseline: "middle",
+              style: { pointerEvents: "none" },
+              "aria-hidden": "true",
+              children: arc.label
+            },
+            `label-${arc.index}`
+          );
         })
       ] })
     }
   );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsx(
+  const tooltip = showTooltip ? /* @__PURE__ */ jsx(
     ChartTooltip,
     {
       content: tooltipContent,

package/dist/{chunk-OIGEBCAS.mjs → chunk-NADODEZX.mjs}

@@ -64,6 +64,10 @@ var Signature = forwardRef(
     const canvasRef = useRef(null);
     const strokesRef = useRef([]);
     const activeStrokeRef = useRef(null);
+    const capturedPointerIdRef = useRef(null);
+    const documentPointerListeningRef = useRef(false);
+    const finishStrokeRef = useRef(() => {
+    });
     const [strokes, setStrokes] = useState([]);
     const isDisabled = disabled || readonly;
     const normalizedLineWidth = clampSignatureLineWidth(lineWidth);
@@ -118,9 +122,52 @@ var Signature = forwardRef(
       },
       [createPayload, onChange]
     );
+    const handleDocumentPointerEnd = useRef(() => {
+      finishStrokeRef.current();
+    }).current;
+    const detachDocumentPointerListeners = () => {
+      if (!documentPointerListeningRef.current || typeof document === "undefined") return;
+      document.removeEventListener("pointerup", handleDocumentPointerEnd);
+      document.removeEventListener("pointercancel", handleDocumentPointerEnd);
+      documentPointerListeningRef.current = false;
+    };
+    const attachDocumentPointerListeners = () => {
+      if (documentPointerListeningRef.current || typeof document === "undefined") return;
+      document.addEventListener("pointerup", handleDocumentPointerEnd);
+      document.addEventListener("pointercancel", handleDocumentPointerEnd);
+      documentPointerListeningRef.current = true;
+    };
+    const captureCanvasPointer = (pointerId) => {
+      capturedPointerIdRef.current = pointerId;
+      const canvas = canvasRef.current;
+      if (!canvas || typeof canvas.setPointerCapture !== "function") return;
+      try {
+        canvas.setPointerCapture(pointerId);
+      } catch {
+      }
+    };
+    const releaseCanvasPointer = () => {
+      const canvas = canvasRef.current;
+      const pointerId = capturedPointerIdRef.current;
+      capturedPointerIdRef.current = null;
+      if (!canvas || pointerId == null || typeof canvas.releasePointerCapture !== "function") return;
+      if (typeof canvas.hasPointerCapture === "function") {
+        try {
+          if (!canvas.hasPointerCapture(pointerId)) return;
+        } catch {
+          return;
+        }
+      }
+      try {
+        canvas.releasePointerCapture(pointerId);
+      } catch {
+      }
+    };
     const clear = useCallback(() => {
       strokesRef.current = [];
       activeStrokeRef.current = null;
+      detachDocumentPointerListeners();
+      releaseCanvasPointer();
       setStrokes([]);
       draw([]);
       emitChange([]);
@@ -137,13 +184,23 @@ var Signature = forwardRef(
       [clear, toDataURL, toSVG]
     );
     const getPointFromEvent = (event) => {
-      const rect = event.currentTarget.getBoundingClientRect();
+      const canvas = canvasRef.current;
+      const rect = canvas?.getBoundingClientRect() ?? {
+        left: 0,
+        top: 0,
+        width,
+        height
+      };
       return getSignaturePoint(event.clientX, event.clientY, rect, width, height);
     };
     const handlePointerDown = (event) => {
       if (isDisabled) return;
       event.preventDefault();
       event.currentTarget.focus();
+      const pointerId = event.pointerId;
+      if (typeof pointerId === "number") {
+        captureCanvasPointer(pointerId);
+      }
       const stroke = {
         color: penColor,
         lineWidth: normalizedLineWidth,
@@ -153,6 +210,7 @@ var Signature = forwardRef(
       activeStrokeRef.current = stroke;
       strokesRef.current = nextStrokes;
       setStrokes(nextStrokes);
+      attachDocumentPointerListeners();
       onBegin?.();
     };
     const handlePointerMove = (event) => {
@@ -169,7 +227,16 @@ var Signature = forwardRef(
       activeStrokeRef.current = null;
       const payload = emitChange(strokesRef.current);
       onEnd?.(payload);
+      detachDocumentPointerListeners();
+      releaseCanvasPointer();
     };
+    finishStrokeRef.current = finishStroke;
+    useEffect(() => {
+      return () => {
+        detachDocumentPointerListeners();
+        releaseCanvasPointer();
+      };
+    }, []);
     const handleKeyDown = (event) => {
       if (!clearable || isDisabled) return;
       if (event.key !== "Delete" && event.key !== "Backspace") return;
@@ -192,6 +259,7 @@ var Signature = forwardRef(
           onPointerMove: handlePointerMove,
           onPointerUp: finishStroke,
           onPointerCancel: finishStroke,
+          onLostPointerCapture: finishStroke,
           onKeyDown: handleKeyDown
         }
       ) }),

package/dist/{chunk-UKY2EPS3.mjs → chunk-NJWTZ5MO.mjs}

@@ -1,6 +1,6 @@
 import {
   useChartInteraction
-} from "./chunk-DNOPEJ5I.mjs";
+} from "./chunk-JZZPLKTW.mjs";
 import {
   ChartSeries
 } from "./chunk-SDLMB34Y.mjs";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-YORCCCQX.mjs";
 import {
   ChartCanvas
-} from "./chunk-DKNVSQSV.mjs";
+} from "./chunk-CUAXRBKO.mjs";
 import {
   ChartLegend
 } from "./chunk-F2ITBDUS.mjs";
@@ -20,7 +20,9 @@ import {
   chartAxisTickTextClasses,
   chartGridLineClasses,
   classNames,
+  createCircleRingPath,
   createPolygonPath,
+  createPolygonRingPath,
   getChartGridLineDasharray,
   getChartInnerRect,
   getRadarAngles,
@@ -121,6 +123,7 @@ var RadarChart = ({
     wrapperClasses
   } = useChartInteraction({
     hoverable,
+    showTooltip,
     hoveredIndexProp,
     selectable,
     selectedIndexProp,
@@ -142,11 +145,11 @@ var RadarChart = ({
   const [hoveredPoint, setHoveredPoint] = useState(null);
   const handlePointEnter = useCallback(
     (seriesIndex, pointIndex, event) => {
-      if (!hoverable) return;
+      if (!hoverable && !showTooltip) return;
       setHoveredPoint({ seriesIndex, pointIndex });
       handleHoverEnter(seriesIndex, event);
     },
-    [hoverable, handleHoverEnter]
+    [hoverable, showTooltip, handleHoverEnter]
   );
   const handlePointMove = useCallback(
     (event) => {
@@ -422,52 +425,61 @@ var RadarChart = ({
         ] }),
         splitAreaPaths.map((area, index) => {
           if (area.type === "circle-ring") {
-            return /* @__PURE__ */ jsxs("g", { children: [
-              /* @__PURE__ */ jsx(
-                "circle",
+            if (area.innerRadius > 0) {
+              return /* @__PURE__ */ jsx(
+                "path",
                 {
-                  cx: area.cx,
-                  cy: area.cy,
-                  r: area.outerRadius,
+                  d: createCircleRingPath(area.cx, area.cy, area.outerRadius, area.innerRadius),
                   fill: area.color,
                   fillOpacity: splitAreaOpacity,
+                  fillRule: "evenodd",
                   stroke: "none",
                   "data-radar-split-area": "true"
-                }
-              ),
-              area.innerRadius > 0 ? /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx: area.cx,
-                  cy: area.cy,
-                  r: area.innerRadius,
-                  fill: "var(--tiger-bg,#fff)",
-                  stroke: "none"
-                }
-              ) : null
-            ] }, `split-${index}`);
-          }
-          const outerPath = createPolygonPath(area.outerPoints);
-          return /* @__PURE__ */ jsxs("g", { children: [
-            outerPath ? /* @__PURE__ */ jsx(
-              "path",
+                },
+                `split-${index}`
+              );
+            }
+            return /* @__PURE__ */ jsx(
+              "circle",
               {
-                d: outerPath,
+                cx: area.cx,
+                cy: area.cy,
+                r: area.outerRadius,
                 fill: area.color,
                 fillOpacity: splitAreaOpacity,
                 stroke: "none",
                 "data-radar-split-area": "true"
-              }
-            ) : null,
-            area.innerPoints.length > 0 ? /* @__PURE__ */ jsx(
+              },
+              `split-${index}`
+            );
+          }
+          if (area.innerPoints.length > 0) {
+            const ringPath = createPolygonRingPath(area.outerPoints, area.innerPoints);
+            return ringPath ? /* @__PURE__ */ jsx(
               "path",
               {
-                d: createPolygonPath(area.innerPoints),
-                fill: "var(--tiger-bg,#fff)",
-                stroke: "none"
-              }
-            ) : null
-          ] }, `split-${index}`);
+                d: ringPath,
+                fill: area.color,
+                fillOpacity: splitAreaOpacity,
+                fillRule: "evenodd",
+                stroke: "none",
+                "data-radar-split-area": "true"
+              },
+              `split-${index}`
+            ) : null;
+          }
+          const outerPath = createPolygonPath(area.outerPoints);
+          return outerPath ? /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: outerPath,
+              fill: area.color,
+              fillOpacity: splitAreaOpacity,
+              stroke: "none",
+              "data-radar-split-area": "true"
+            },
+            `split-${index}`
+          ) : null;
         }),
         gridPaths.map(
           (grid, index) => grid.type === "circle" ? /* @__PURE__ */ jsx(
@@ -581,9 +593,9 @@ var RadarChart = ({
                       "data-series-index": seriesIndex,
                       "data-series-key": item.seriesKey,
                       "data-point-index": point.index,
-                      onMouseEnter: showTooltip && hoverable ? (e) => handlePointEnter(seriesIndex, point.index, e) : void 0,
-                      onMouseMove: showTooltip && hoverable ? handlePointMove : void 0,
-                      onMouseLeave: showTooltip && hoverable ? handlePointLeave : void 0,
+                      onMouseEnter: showTooltip || hoverable ? (e) => handlePointEnter(seriesIndex, point.index, e) : void 0,
+                      onMouseMove: showTooltip || hoverable ? handlePointMove : void 0,
+                      onMouseLeave: showTooltip || hoverable ? handlePointLeave : void 0,
                       onFocus: showTooltip && hoverable ? (e) => showPointTooltipFromElement(e.currentTarget, seriesIndex, point.index) : void 0,
                       onBlur: showTooltip && hoverable ? handlePointLeave : void 0,
                       onKeyDown: showTooltip && hoverable ? (e) => {
@@ -635,7 +647,7 @@ var RadarChart = ({
       ]
     }
   );
-  const tooltip = showTooltip && hoverable ? /* @__PURE__ */ jsx(
+  const tooltip = showTooltip ? /* @__PURE__ */ jsx(
     ChartTooltip,
     {
       content: tooltipContent,