@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/{chunk-PN33UCWB.mjs → chunk-IG75YSX3.mjs}

@@ -1,8 +1,11 @@
-import { useControlledState } from './chunk-UQMPEMY7.mjs';
-import React, { useRef, useCallback, useMemo } from 'react';
-import { getRadioGroupClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
+import {
+  useControlledState
+} from "./chunk-UQMPEMY7.mjs";
 
+// src/components/RadioGroup.tsx
+import React, { useCallback, useMemo, useRef } from "react";
+import { getRadioGroupClasses } from "@expcat/tigercat-core";
+import { jsx } from "react/jsx-runtime";
 var RadioGroupContext = React.createContext(null);
 var RadioGroup = ({
   value,
@@ -28,7 +31,7 @@ var RadioGroup = ({
       }
       onChange?.(newValue);
     },
-    [disabled, isControlled, onChange]
+    [disabled, isControlled, setInternalValue, onChange]
   );
   const handleKeyDown = (event) => {
     if (disabled) return;
@@ -75,4 +78,7 @@ var RadioGroup = ({
   ) });
 };
 
-export { RadioGroup, RadioGroupContext };
+export {
+  RadioGroupContext,
+  RadioGroup
+};

package/dist/chunk-IHH2O7YK.js

@@ -1,14 +1,19 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Icon.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
 
-// src/components/Icon.tsx
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
 var Icon = ({
   size = "md",
   color = "currentColor",
@@ -17,36 +22,38 @@ var Icon = ({
   children,
   ...props
 }) => {
-  const iconClasses = tigercatCore.classNames(tigercatCore.iconWrapperClasses, className);
+  const iconClasses = _tigercatcore.classNames.call(void 0, _tigercatcore.iconWrapperClasses, className);
   const iconStyle = { ...style, color };
   const isDecorative = props["aria-label"] == null && props["aria-labelledby"] == null && props.role == null;
-  const processedChildren = React__default.default.Children.map(children, (child) => {
-    if (!React__default.default.isValidElement(child) || child.type !== "svg") {
+  const processedChildren = _react2.default.Children.map(children, (child) => {
+    if (!_react2.default.isValidElement(child) || child.type !== "svg") {
       return child;
     }
     const svgProps = child.props;
-    return React__default.default.cloneElement(child, {
+    return _react2.default.cloneElement(child, {
       ...svgProps,
-      className: tigercatCore.classNames(tigercatCore.iconSvgBaseClasses, tigercatCore.iconSizeClasses[size], svgProps.className),
-      xmlns: svgProps.xmlns ?? tigercatCore.SVG_DEFAULT_XMLNS,
-      viewBox: svgProps.viewBox ?? tigercatCore.SVG_DEFAULT_VIEWBOX_24,
-      fill: svgProps.fill ?? tigercatCore.SVG_DEFAULT_FILL,
-      stroke: svgProps.stroke ?? tigercatCore.SVG_DEFAULT_STROKE,
-      strokeWidth: svgProps.strokeWidth ?? tigercatCore.iconSvgDefaultStrokeWidth,
-      strokeLinecap: svgProps.strokeLinecap ?? tigercatCore.iconSvgDefaultStrokeLinecap,
-      strokeLinejoin: svgProps.strokeLinejoin ?? tigercatCore.iconSvgDefaultStrokeLinejoin
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.iconSvgBaseClasses, _tigercatcore.iconSizeClasses[size], svgProps.className),
+      xmlns: _nullishCoalesce(svgProps.xmlns, () => ( _tigercatcore.SVG_DEFAULT_XMLNS)),
+      viewBox: _nullishCoalesce(svgProps.viewBox, () => ( _tigercatcore.SVG_DEFAULT_VIEWBOX_24)),
+      fill: _nullishCoalesce(svgProps.fill, () => ( _tigercatcore.SVG_DEFAULT_FILL)),
+      stroke: _nullishCoalesce(svgProps.stroke, () => ( _tigercatcore.SVG_DEFAULT_STROKE)),
+      strokeWidth: _nullishCoalesce(svgProps.strokeWidth, () => ( _tigercatcore.iconSvgDefaultStrokeWidth)),
+      strokeLinecap: _nullishCoalesce(svgProps.strokeLinecap, () => ( _tigercatcore.iconSvgDefaultStrokeLinecap)),
+      strokeLinejoin: _nullishCoalesce(svgProps.strokeLinejoin, () => ( _tigercatcore.iconSvgDefaultStrokeLinejoin))
     });
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "span",
     {
       ...props,
       className: iconClasses,
       style: iconStyle,
-      ...isDecorative ? { "aria-hidden": true } : { role: props.role ?? "img" },
+      ...isDecorative ? { "aria-hidden": true } : { role: _nullishCoalesce(props.role, () => ( "img")) },
       children: processedChildren
     }
   );
 };
 
+
+
 exports.Icon = Icon;

package/dist/chunk-ILYL3KSJ.js

@@ -0,0 +1,242 @@
+"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 _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
+
+
+var _chunkZYJTHGQWjs = require('./chunk-ZYJTHGQW.js');
+
+
+var _chunkWVVXZKNIjs = require('./chunk-WVVXZKNI.js');
+
+
+var _chunkGRXBGL6Qjs = require('./chunk-GRXBGL6Q.js');
+
+
+var _chunkCI2WHAT2js = require('./chunk-CI2WHAT2.js');
+
+// src/components/ChatWindow.tsx
+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: _statusVariant = "info",
+  showAvatar = true,
+  showName = true,
+  showTime = false,
+  inputType = "textarea",
+  inputRows = 3,
+  sendOnEnter = true,
+  allowShiftEnter = true,
+  allowEmpty = false,
+  clearOnSend = true,
+  statusVariant: _sv,
+  virtual = false,
+  virtualItemHeight = 88,
+  virtualHeight = 400,
+  autoScrollToBottom = true,
+  onChange,
+  onSend,
+  renderMessage,
+  className,
+  ...props
+}) => {
+  const [innerValue, setInnerValue] = _react.useState.call(void 0, _nullishCoalesce(value, () => ( defaultValue)));
+  _react.useEffect.call(void 0, () => {
+    if (value !== void 0) {
+      setInnerValue(value);
+    }
+  }, [value]);
+  const inputValue = value !== void 0 ? value : innerValue;
+  const wrapperClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.classNames.call(void 0, 
+      "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)]",
+      className
+    ),
+    [className]
+  );
+  const canSend = _react.useMemo.call(void 0, () => {
+    if (disabled) return false;
+    if (allowEmpty) return true;
+    const raw = String(_nullishCoalesce(inputValue, () => ( "")));
+    return raw.trim().length > 0;
+  }, [allowEmpty, disabled, inputValue]);
+  const handleValueChange = _react.useCallback.call(void 0, 
+    (nextValue) => {
+      if (value === void 0) {
+        setInnerValue(nextValue);
+      }
+      _optionalChain([onChange, 'optionalCall', _ => _(nextValue)]);
+    },
+    [onChange, value]
+  );
+  const handleSend = _react.useCallback.call(void 0, () => {
+    if (!canSend) return;
+    const payload = String(_nullishCoalesce(inputValue, () => ( "")));
+    _optionalChain([onSend, 'optionalCall', _2 => _2(payload)]);
+    if (clearOnSend) {
+      if (value === void 0) {
+        setInnerValue("");
+      }
+      _optionalChain([onChange, 'optionalCall', _3 => _3("")]);
+    }
+  }, [canSend, clearOnSend, inputValue, onSend, onChange, value]);
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (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.call(void 0, 
+    (message, index) => {
+      const isSelf = message.direction === "self";
+      const statusInfo = message.status ? _tigercatcore.getChatMessageStatusInfo.call(void 0, message.status) : void 0;
+      const timeText = showTime ? _tigercatcore.formatChatTime.call(void 0, message.time) : "";
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: _tigercatcore.classNames.call(void 0, 
+            "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.call(void 0, 
+              _chunkCI2WHAT2js.Avatar,
+              {
+                size: "sm",
+                src: message.user.avatar,
+                text: message.user.name,
+                className: "flex-shrink-0"
+              }
+            ) : null,
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, "flex flex-col max-w-[75%]", isSelf && "items-end"), children: [
+              showName && _optionalChain([message, 'access', _4 => _4.user, 'optionalAccess', _5 => _5.name]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "text-xs mb-1 text-[var(--tiger-text-muted,#6b7280)]",
+                    isSelf && "text-right"
+                  ),
+                  children: message.user.name
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "div",
+                {
+                  className: _tigercatcore.classNames.call(void 0, 
+                    "rounded-[var(--tiger-radius-md,0.5rem)] 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: _nullishCoalesce(_optionalChain([renderMessage, 'optionalCall', _6 => _6(message, index)]), () => ( message.content))
+                }
+              ),
+              statusInfo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, "text-xs mt-1", statusInfo.className), children: message.statusText || statusInfo.text }),
+              timeText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs mt-1 text-[var(--tiger-text-muted,#6b7280)]", children: timeText })
+            ] })
+          ]
+        },
+        _nullishCoalesce(message.id, () => ( index))
+      );
+    },
+    [renderMessage, showAvatar, showName, showTime]
+  );
+  const messageListRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    if (!autoScrollToBottom) return;
+    const raf = requestAnimationFrame(() => {
+      const el = messageListRef.current;
+      if (!el) return;
+      const target = _nullishCoalesce((virtual ? el.firstElementChild : el), () => ( el));
+      target.scrollTop = target.scrollHeight;
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [messages.length, autoScrollToBottom, virtual]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-chat-window": true, ...props, children: [
+    virtual && messages.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: messageListRef,
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkP36GX65Njs.VirtualList,
+          {
+            itemCount: messages.length,
+            itemHeight: virtualItemHeight,
+            height: virtualHeight,
+            renderItem: ({ index }) => renderMessageItem(messages[index], index)
+          }
+        )
+      }
+    ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: messageListRef,
+        className: "flex-1 overflow-auto p-4 space-y-3",
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions text",
+        "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
+        children: messages.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full flex items-center justify-center text-[var(--tiger-text-muted,#6b7280)]", children: emptyText }) : messages.map(renderMessageItem)
+      }
+    ),
+    statusText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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.call(void 0, "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.call(void 0, "div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkZYJTHGQWjs.Input,
+        {
+          value: inputValue,
+          placeholder,
+          disabled,
+          maxLength,
+          "aria-label": _nullishCoalesce(_nullishCoalesce(inputAriaLabel, () => ( placeholder)), () => ( "\u6D88\u606F\u8F93\u5165")),
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkWVVXZKNIjs.Textarea,
+        {
+          value: inputValue,
+          placeholder,
+          disabled,
+          maxLength,
+          rows: inputRows,
+          "aria-label": _nullishCoalesce(_nullishCoalesce(inputAriaLabel, () => ( placeholder)), () => ( "\u6D88\u606F\u8F93\u5165")),
+          onChange: (event) => handleValueChange(event.currentTarget.value),
+          onKeyDown: handleKeyDown
+        }
+      ) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGRXBGL6Qjs.Button, { disabled: !canSend, onClick: handleSend, "aria-label": _nullishCoalesce(sendAriaLabel, () => ( sendText)), children: sendText })
+    ] })
+  ] });
+};
+var ChatWindow_default = ChatWindow;
+
+
+
+
+exports.ChatWindow = ChatWindow; exports.ChatWindow_default = ChatWindow_default;

package/dist/{chunk-INBSKSZG.mjs → chunk-ITVLIR7T.mjs}

@@ -1,8 +1,27 @@
-import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { isAtMin, isAtMax, classNames, getInputNumberWrapperClasses, getInputNumberStatusClasses, getInputNumberSizeClasses, getInputNumberFocusRingColor, getInputNumberInputClasses, getInputNumberSideButtonClasses, inputNumberMinusIconPathD, inputNumberPlusIconPathD, inputNumberControlsRightClasses, getInputNumberStepButtonClasses, inputNumberUpIconPathD, inputNumberDownIconPathD, stepValue, clampValue, formatPrecision } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/InputNumber.tsx
+import { useState, useCallback, useMemo, useRef, useEffect } from "react";
+import {
+  classNames,
+  getInputNumberWrapperClasses,
+  getInputNumberStatusClasses,
+  getInputNumberFocusRingColor,
+  getInputNumberSizeClasses,
+  getInputNumberInputClasses,
+  getInputNumberStepButtonClasses,
+  getInputNumberSideButtonClasses,
+  inputNumberControlsRightClasses,
+  inputNumberUpIconPathD,
+  inputNumberDownIconPathD,
+  inputNumberMinusIconPathD,
+  inputNumberPlusIconPathD,
+  clampValue,
+  stepValue,
+  formatPrecision,
+  isAtMin,
+  isAtMax,
+  createRafRepeatActionController
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var InputNumber = ({
   value: controlledValue,
   defaultValue,
@@ -30,6 +49,9 @@ var InputNumber = ({
 }) => {
   const isControlled = controlledValue !== void 0;
   const inputRef = useRef(null);
+  const repeatControllerRef = useRef(createRafRepeatActionController());
+  const repeatValueRef = useRef(null);
+  const suppressNextClickRef = useRef(false);
   const [focused, setFocused] = useState(false);
   const [internalValue, setInternalValue] = useState(
     defaultValue ?? controlledValue ?? null
@@ -61,6 +83,7 @@ var InputNumber = ({
       inputRef.current.focus();
     }
   }, [autoFocus]);
+  useEffect(() => () => repeatControllerRef.current.stop(), []);
   const commitValue = (val) => {
     let finalVal = val;
     if (finalVal !== null) {
@@ -75,10 +98,39 @@ var InputNumber = ({
     onChange?.(finalVal);
     setDisplayValue(toDisplayValue(finalVal));
   };
-  const handleStep = (direction) => {
-    if (disabled || readonly) return;
-    const next = stepValue(currentValue, step, direction, min, max, precision);
+  const handleStep = (direction, baseValue = currentValue) => {
+    if (disabled || readonly) return baseValue ?? null;
+    const next = stepValue(baseValue, step, direction, min, max, precision);
     commitValue(next);
+    return next;
+  };
+  const handleStepClick = (direction) => {
+    if (suppressNextClickRef.current) {
+      suppressNextClickRef.current = false;
+      return;
+    }
+    handleStep(direction);
+  };
+  const startStepRepeat = (direction) => {
+    return (event) => {
+      event.preventDefault();
+      if (disabled || readonly) return;
+      if (direction === "down" && isAtMin(currentValue, min)) return;
+      if (direction === "up" && isAtMax(currentValue, max)) return;
+      suppressNextClickRef.current = true;
+      repeatValueRef.current = currentValue;
+      repeatControllerRef.current.start(() => {
+        const baseValue = repeatValueRef.current;
+        const nextValue = handleStep(direction, baseValue);
+        repeatValueRef.current = nextValue;
+        if (nextValue === baseValue) {
+          repeatControllerRef.current.stop();
+        }
+      });
+    };
+  };
+  const stopStepRepeat = () => {
+    repeatControllerRef.current.stop();
   };
   const handleInput = (e) => {
     setDisplayValue(e.target.value);
@@ -138,8 +190,11 @@ var InputNumber = ({
         "aria-label": "Decrease",
         className: getInputNumberSideButtonClasses("left", disabled || atMin),
         disabled: disabled || atMin,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => handleStep("down"),
+        onPointerDown: startStepRepeat("down"),
+        onPointerUp: stopStepRepeat,
+        onPointerLeave: stopStepRepeat,
+        onPointerCancel: stopStepRepeat,
+        onClick: () => handleStepClick("down"),
         children: /* @__PURE__ */ jsx(
           "svg",
           {
@@ -185,8 +240,11 @@ var InputNumber = ({
         "aria-label": "Increase",
         className: getInputNumberSideButtonClasses("right", disabled || atMax),
         disabled: disabled || atMax,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => handleStep("up"),
+        onPointerDown: startStepRepeat("up"),
+        onPointerUp: stopStepRepeat,
+        onPointerLeave: stopStepRepeat,
+        onPointerCancel: stopStepRepeat,
+        onClick: () => handleStepClick("up"),
         children: /* @__PURE__ */ jsx(
           "svg",
           {
@@ -210,8 +268,11 @@ var InputNumber = ({
           "aria-label": "Increase",
           className: getInputNumberStepButtonClasses("up", disabled || atMax),
           disabled: disabled || atMax,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => handleStep("up"),
+          onPointerDown: startStepRepeat("up"),
+          onPointerUp: stopStepRepeat,
+          onPointerLeave: stopStepRepeat,
+          onPointerCancel: stopStepRepeat,
+          onClick: () => handleStepClick("up"),
           children: /* @__PURE__ */ jsx(
             "svg",
             {
@@ -232,8 +293,11 @@ var InputNumber = ({
           "aria-label": "Decrease",
           className: getInputNumberStepButtonClasses("down", disabled || atMin),
           disabled: disabled || atMin,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => handleStep("down"),
+          onPointerDown: startStepRepeat("down"),
+          onPointerUp: stopStepRepeat,
+          onPointerLeave: stopStepRepeat,
+          onPointerCancel: stopStepRepeat,
+          onClick: () => handleStepClick("down"),
           children: /* @__PURE__ */ jsx(
             "svg",
             {
@@ -250,4 +314,6 @@ var InputNumber = ({
   ] });
 };
 
-export { InputNumber };
+export {
+  InputNumber
+};