@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-RRO752KE.js

@@ -1,246 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkFCCHM2B4js = require('./chunk-FCCHM2B4.js');
-
-
-var _chunkTO4SSBAJjs = require('./chunk-TO4SSBAJ.js');
-
-
-var _chunkBR3WLDH7js = require('./chunk-BR3WLDH7.js');
-
-
-var _chunkGPAY5F7Djs = require('./chunk-GPAY5F7D.js');
-
-
-var _chunkZLNBE4ISjs = require('./chunk-ZLNBE4IS.js');
-
-
-var _chunk4MQCUKICjs = require('./chunk-4MQCUKIC.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 = "info",
-  showAvatar = true,
-  showName = true,
-  showTime = false,
-  inputType = "textarea",
-  inputRows = 3,
-  sendOnEnter = true,
-  allowShiftEnter = true,
-  allowEmpty = false,
-  clearOnSend = true,
-  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)] shadow-sm overflow-hidden transition-all duration-300",
-      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, 
-              _chunk4MQCUKICjs.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-lg,0.75rem)] px-4 py-2.5 text-sm break-words shadow-sm transition-all",
-                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-[var(--tiger-radius-sm,0.375rem)]" : "bg-[var(--tiger-surface,#ffffff)] border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] rounded-tl-[var(--tiger-radius-sm,0.375rem)]"
-                  ),
-                  "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,
-        className: "flex-1 overflow-auto bg-[var(--tiger-surface-muted,#f9fafb)]",
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions text",
-        "aria-label": _nullishCoalesce(messageListAriaLabel, () => ( "\u6D88\u606F\u5217\u8868")),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFCCHM2B4js.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-5 space-y-4 bg-[var(--tiger-surface-muted,#f9fafb)]",
-        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 py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBR3WLDH7js.Empty, { description: emptyText }) }) : messages.map(renderMessageItem)
-      }
-    ),
-    statusText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getChatStatusBarClasses.call(void 0, statusVariant), children: statusText }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-3 px-5 py-4 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, 
-        _chunkTO4SSBAJjs.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, 
-        _chunkGPAY5F7Djs.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, _chunkZLNBE4ISjs.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-RTHC4KWM.js

@@ -1,55 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }// src/components/Code.tsx
-var _react = require('react');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Code = ({
-  code,
-  copyable = true,
-  copyLabel = "\u590D\u5236",
-  copiedLabel = "\u5DF2\u590D\u5236",
-  onCopy,
-  className,
-  ...props
-}) => {
-  const [isCopied, setIsCopied] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
-    if (!isCopied) return;
-    const timer = window.setTimeout(() => {
-      setIsCopied(false);
-    }, 1500);
-    return () => window.clearTimeout(timer);
-  }, [isCopied]);
-  const handleCopy = async () => {
-    if (!copyable) return;
-    const ok = await _tigercatcore.copyTextToClipboard.call(void 0, code);
-    if (!ok) return;
-    setIsCopied(true);
-    _optionalChain([onCopy, 'optionalCall', _ => _(code)]);
-  };
-  const containerClasses = _tigercatcore.getCodeBlockContainerClasses.call(void 0, className);
-  const copyButtonClasses = _tigercatcore.getCodeBlockCopyButtonClasses.call(void 0, isCopied);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: containerClasses, ...props, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { className: _tigercatcore.codeBlockPreClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { className: "block", children: code }) }),
-    copyable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: copyButtonClasses,
-        onClick: handleCopy,
-        "aria-label": isCopied ? copiedLabel : copyLabel,
-        children: isCopied ? copiedLabel : copyLabel
-      }
-    )
-  ] });
-};
-var Code_default = Code;
-
-
-
-
-exports.Code = Code; exports.Code_default = Code_default;

package/dist/chunk-RYIYE2PY.js

@@ -1,139 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Affix.tsx
-var _react = require('react');
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var Affix = ({
-  offsetTop = 0,
-  offsetBottom,
-  target,
-  zIndex = 10,
-  className,
-  style,
-  children,
-  onChange,
-  ...props
-}) => {
-  const wrapperRef = _react.useRef.call(void 0, null);
-  const sentinelRef = _react.useRef.call(void 0, null);
-  const originalRectRef = _react.useRef.call(void 0, null);
-  const [state, setState] = _react.useState.call(void 0, { affixed: false, style: {} });
-  const stateRef = _react.useRef.call(void 0, state);
-  stateRef.current = state;
-  const onChangeRef = _react.useRef.call(void 0, onChange);
-  onChangeRef.current = onChange;
-  const recalcStyle = _react.useCallback.call(void 0, 
-    (affixed) => {
-      const el = wrapperRef.current;
-      if (!el) return;
-      if (!stateRef.current.affixed) {
-        const rect = el.getBoundingClientRect();
-        originalRectRef.current = {
-          top: rect.top,
-          left: rect.left,
-          width: rect.width,
-          height: rect.height
-        };
-      }
-      if (!originalRectRef.current) return;
-      const resolved = _tigercatcore.resolveAffixTarget.call(void 0, target);
-      const containerRect = resolved.getRect();
-      if (!affixed) {
-        if (stateRef.current.affixed) {
-          setState({ affixed: false, style: {} });
-          _optionalChain([onChangeRef, 'access', _ => _.current, 'optionalCall', _2 => _2(false)]);
-        }
-        return;
-      }
-      const forcedTop = offsetBottom !== void 0 ? containerRect.bottom - originalRectRef.current.height + offsetBottom + 1 : -1;
-      const next = _tigercatcore.calculateAffixState.call(void 0, 
-        {
-          top: forcedTop,
-          left: originalRectRef.current.left,
-          width: originalRectRef.current.width,
-          height: originalRectRef.current.height
-        },
-        containerRect,
-        offsetBottom !== void 0 ? void 0 : offsetTop,
-        offsetBottom,
-        zIndex
-      );
-      if (!next.affixed) {
-        if (stateRef.current.affixed) {
-          setState({ affixed: false, style: {} });
-          _optionalChain([onChangeRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4(false)]);
-        }
-        return;
-      }
-      const wasAffixed = stateRef.current.affixed;
-      setState(next);
-      if (!wasAffixed) _optionalChain([onChangeRef, 'access', _5 => _5.current, 'optionalCall', _6 => _6(true)]);
-    },
-    [offsetTop, offsetBottom, target, zIndex]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (!sentinelRef.current) return void 0;
-    const resolved = _tigercatcore.resolveAffixTarget.call(void 0, target);
-    const root = resolved.element === window ? null : resolved.element;
-    const stop = _tigercatcore.createAffixObserver.call(void 0, sentinelRef.current, {
-      offsetTop,
-      offsetBottom,
-      root,
-      onToggle: (affixed) => recalcStyle(affixed)
-    });
-    let resizeObs = null;
-    const onResize = () => {
-      if (stateRef.current.affixed) recalcStyle(true);
-    };
-    if (typeof ResizeObserver !== "undefined" && wrapperRef.current) {
-      resizeObs = new ResizeObserver(() => onResize());
-      resizeObs.observe(wrapperRef.current);
-    }
-    window.addEventListener("resize", onResize, { passive: true });
-    return () => {
-      stop();
-      _optionalChain([resizeObs, 'optionalAccess', _7 => _7.disconnect, 'call', _8 => _8()]);
-      window.removeEventListener("resize", onResize);
-    };
-  }, [offsetTop, offsetBottom, target, recalcStyle]);
-  const wrapperClasses = _react.useMemo.call(void 0, () => _tigercatcore.classNames.call(void 0, className), [className]);
-  const wrapperStyle = _react.useMemo.call(void 0, 
-    () => state.affixed ? { ...state.style, ...style } : style,
-    [state.affixed, state.style, style]
-  );
-  const sentinel = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref: sentinelRef,
-      "aria-hidden": "true",
-      style: { display: "block", width: 0, height: 0, pointerEvents: "none" }
-    }
-  );
-  if (state.affixed) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      sentinel,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          style: {
-            width: _nullishCoalesce(_optionalChain([originalRectRef, 'access', _9 => _9.current, 'optionalAccess', _10 => _10.width]), () => ( 0)),
-            height: _nullishCoalesce(_optionalChain([originalRectRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.height]), () => ( 0))
-          }
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: wrapperRef, className: wrapperClasses, style: wrapperStyle, ...props, children })
-    ] });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-    sentinel,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: wrapperRef, className: wrapperClasses, style: wrapperStyle, ...props, children })
-  ] });
-};
-
-
-
-exports.Affix = Affix;