@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/chunk-YI6ORD3U.js

@@ -1,227 +0,0 @@
-'use strict';
-
-var chunkX7WESYRG_js = require('./chunk-X7WESYRG.js');
-var chunkZYJTHGQW_js = require('./chunk-ZYJTHGQW.js');
-var chunkWVVXZKNI_js = require('./chunk-WVVXZKNI.js');
-var chunkGRXBGL6Q_js = require('./chunk-GRXBGL6Q.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: _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(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-[var(--tiger-radius-md,0.5rem)] 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-[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: 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]
-  );
-  const messageListRef = react.useRef(null);
-  react.useEffect(() => {
-    if (!autoScrollToBottom) return;
-    const raf = requestAnimationFrame(() => {
-      const el = messageListRef.current;
-      if (!el) return;
-      const target = (virtual ? el.firstElementChild : el) ?? el;
-      target.scrollTop = target.scrollHeight;
-    });
-    return () => cancelAnimationFrame(raf);
-  }, [messages.length, autoScrollToBottom, virtual]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClasses, "data-tiger-chat-window": true, ...props, children: [
-    virtual && messages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: messageListRef,
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions text",
-        "aria-label": messageListAriaLabel ?? "\u6D88\u606F\u5217\u8868",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkX7WESYRG_js.VirtualList,
-          {
-            itemCount: messages.length,
-            itemHeight: virtualItemHeight,
-            height: virtualHeight,
-            renderItem: ({ index }) => renderMessageItem(messages[index], index)
-          }
-        )
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: messageListRef,
-        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(
-        chunkZYJTHGQW_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(
-        chunkWVVXZKNI_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(chunkGRXBGL6Q_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-YTLJPWXL.js

@@ -1,174 +0,0 @@
-'use strict';
-
-var chunkUB6SHKPR_js = require('./chunk-UB6SHKPR.js');
-var chunkACQLSECT_js = require('./chunk-ACQLSECT.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var SvgIcon = ({ d, className = "w-8 h-8" }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className,
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d })
-  }
-);
-var Image = ({
-  src,
-  alt = "",
-  width,
-  height,
-  fit = "cover",
-  fallbackSrc,
-  preview = true,
-  lazy = false,
-  className,
-  errorRender,
-  placeholderRender,
-  onPreviewOpenChange,
-  onPreviewVisibleChange,
-  onClick,
-  onKeyDown,
-  style,
-  ...props
-}) => {
-  const [loading, setLoading] = react.useState(true);
-  const [error, setError] = react.useState(false);
-  const [actualSrc, setActualSrc] = react.useState(lazy ? "" : src);
-  const [previewVisible, setPreviewVisible] = react.useState(false);
-  const containerRef = react.useRef(null);
-  const group = react.useContext(chunkUB6SHKPR_js.ImageGroupContext);
-  const registeredIndexRef = react.useRef(-1);
-  react.useEffect(() => {
-    if (group && src) {
-      registeredIndexRef.current = group.register(src);
-      return () => {
-        group.unregister(src);
-      };
-    }
-  }, [group, src]);
-  react.useEffect(() => {
-    if (!lazy || !containerRef.current) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0]?.isIntersecting) {
-          setActualSrc(src);
-          observer.disconnect();
-        }
-      },
-      { threshold: 0.01 }
-    );
-    observer.observe(containerRef.current);
-    return () => observer.disconnect();
-  }, [lazy, src]);
-  react.useEffect(() => {
-    if (!lazy) {
-      setActualSrc(src);
-      setError(false);
-      setLoading(true);
-    }
-  }, [src, lazy]);
-  const handleLoad = react.useCallback(() => {
-    setLoading(false);
-    setError(false);
-  }, []);
-  const handleError = react.useCallback(() => {
-    setLoading(false);
-    setError(true);
-    if (fallbackSrc && actualSrc !== fallbackSrc) {
-      setActualSrc(fallbackSrc);
-      setError(false);
-      setLoading(true);
-    }
-  }, [fallbackSrc, actualSrc]);
-  const handleClick = react.useCallback(
-    (e) => {
-      onClick?.(e);
-      if (!preview) return;
-      if (group) {
-        group.openPreview(registeredIndexRef.current >= 0 ? registeredIndexRef.current : 0);
-      } else {
-        setPreviewVisible(true);
-        onPreviewOpenChange?.(true);
-        onPreviewVisibleChange?.(true);
-      }
-    },
-    [preview, group, onClick, onPreviewOpenChange, onPreviewVisibleChange]
-  );
-  const handleKeyDown = react.useCallback(
-    (e) => {
-      onKeyDown?.(e);
-      if (preview && (e.key === "Enter" || e.key === " ")) {
-        e.preventDefault();
-        handleClick(e);
-      }
-    },
-    [preview, handleClick, onKeyDown]
-  );
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.imageBaseClasses, preview && tigercatCore.imagePreviewCursorClass, className),
-    [preview, className]
-  );
-  const imgClasses = react.useMemo(() => tigercatCore.getImageImgClasses(fit), [fit]);
-  const containerStyle = react.useMemo(() => {
-    const s = { ...style };
-    const w = tigercatCore.toCSSSize(width);
-    const h = tigercatCore.toCSSSize(height);
-    if (w) s.width = w;
-    if (h) s.height = h;
-    return s;
-  }, [width, height, style]);
-  let content;
-  if (error && !fallbackSrc) {
-    content = errorRender || /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.imageErrorClasses, children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.imageErrorIconPath }) });
-  } else if (loading && !actualSrc) {
-    content = placeholderRender || /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.imageLoadingClasses, children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon, { d: tigercatCore.imageErrorIconPath }) });
-  } else {
-    content = /* @__PURE__ */ jsxRuntime.jsx(
-      "img",
-      {
-        src: actualSrc,
-        alt,
-        className: imgClasses,
-        onLoad: handleLoad,
-        onError: handleError
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ...props,
-        ref: containerRef,
-        className: containerClasses,
-        style: containerStyle,
-        role: preview ? "button" : void 0,
-        tabIndex: preview ? 0 : void 0,
-        "aria-label": preview ? `Preview ${alt || "image"}` : void 0,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        children: content
-      }
-    ),
-    !group && previewVisible && src && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkACQLSECT_js.ImagePreview,
-      {
-        open: previewVisible,
-        images: [src],
-        currentIndex: 0,
-        onOpenChange: (val) => {
-          setPreviewVisible(val);
-          onPreviewOpenChange?.(val);
-          onPreviewVisibleChange?.(val);
-        }
-      }
-    )
-  ] });
-};
-
-exports.Image = Image;