@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-4APNERYR.js

@@ -1,212 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/AutoComplete.tsx
-var AUTOCOMPLETE_KEYS = /* @__PURE__ */ new Set([
-  "value",
-  "options",
-  "placeholder",
-  "size",
-  "disabled",
-  "clearable",
-  "notFoundText",
-  "filterOption",
-  "defaultActiveFirstOption",
-  "allowFreeInput",
-  "onChange",
-  "onSelect",
-  "onSearch"
-]);
-var AutoComplete = (props) => {
-  const {
-    value = "",
-    options = [],
-    placeholder = "",
-    size = "md",
-    disabled = false,
-    clearable = false,
-    notFoundText = "No matches found",
-    filterOption = true,
-    defaultActiveFirstOption = true,
-    className,
-    onChange,
-    onSelect,
-    onSearch,
-    ...rest
-  } = props;
-  const divProps = {};
-  for (const key of Object.keys(rest)) {
-    if (!AUTOCOMPLETE_KEYS.has(key)) {
-      divProps[key] = rest[key];
-    }
-  }
-  const instanceId = react.useId();
-  const listboxId = `tiger-autocomplete-listbox-${instanceId}`;
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [inputValue, setInputValue] = react.useState(String(value ?? ""));
-  const [activeIndex, setActiveIndex] = react.useState(-1);
-  const containerRef = react.useRef(null);
-  const inputRef = react.useRef(null);
-  react.useEffect(() => {
-    setInputValue(String(value ?? ""));
-  }, [value]);
-  const filteredOptions = react.useMemo(
-    () => tigercatCore.filterAutoCompleteOptions(options, inputValue, filterOption),
-    [options, inputValue, filterOption]
-  );
-  const showClearButton = clearable && !disabled && inputValue !== "";
-  function openDropdown() {
-    if (disabled) return;
-    setIsOpen(true);
-    if (defaultActiveFirstOption && filteredOptions.length > 0) {
-      setActiveIndex(0);
-    }
-  }
-  function closeDropdown() {
-    setIsOpen(false);
-    setActiveIndex(-1);
-  }
-  function handleInput(e) {
-    const val = e.target.value;
-    setInputValue(val);
-    onChange?.(val);
-    onSearch?.(val);
-    if (!isOpen) {
-      setIsOpen(true);
-    }
-    if (defaultActiveFirstOption) {
-      const newFiltered = tigercatCore.filterAutoCompleteOptions(options, val, filterOption);
-      setActiveIndex(newFiltered.length > 0 ? 0 : -1);
-    }
-  }
-  function handleSelect(option) {
-    if (option.disabled) return;
-    setInputValue(option.label);
-    onChange?.(option.value);
-    onSelect?.(option.value, option);
-    closeDropdown();
-  }
-  function handleClear(e) {
-    e.stopPropagation();
-    setInputValue("");
-    onChange?.("");
-    requestAnimationFrame(() => inputRef.current?.focus());
-  }
-  function handleKeyDown(e) {
-    if (!isOpen) {
-      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-        e.preventDefault();
-        openDropdown();
-      }
-      return;
-    }
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault();
-        if (filteredOptions.length > 0) {
-          setActiveIndex((prev) => {
-            let next = prev + 1;
-            while (next < filteredOptions.length && filteredOptions[next].disabled) next++;
-            return next < filteredOptions.length ? next : prev;
-          });
-        }
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        if (filteredOptions.length > 0) {
-          setActiveIndex((prev) => {
-            let p = prev - 1;
-            while (p >= 0 && filteredOptions[p].disabled) p--;
-            return p >= 0 ? p : prev;
-          });
-        }
-        break;
-      case "Enter":
-        e.preventDefault();
-        if (activeIndex >= 0 && activeIndex < filteredOptions.length) {
-          handleSelect(filteredOptions[activeIndex]);
-        }
-        break;
-      case "Escape":
-        e.preventDefault();
-        closeDropdown();
-        break;
-    }
-  }
-  react.useEffect(() => {
-    if (!isOpen) return;
-    function handleClickOutside(e) {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        closeDropdown();
-      }
-    }
-    document.addEventListener("click", handleClickOutside);
-    return () => document.removeEventListener("click", handleClickOutside);
-  }, [isOpen]);
-  const containerClasses = tigercatCore.classNames(tigercatCore.autoCompleteBaseClasses, className);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: inputRef,
-        type: "text",
-        className: tigercatCore.getAutoCompleteInputClasses(size, disabled, isOpen),
-        value: inputValue,
-        placeholder,
-        disabled,
-        role: "combobox",
-        "aria-expanded": isOpen,
-        "aria-haspopup": "listbox",
-        "aria-controls": isOpen ? listboxId : void 0,
-        "aria-activedescendant": isOpen && activeIndex >= 0 ? `${listboxId}-option-${activeIndex}` : void 0,
-        autoComplete: "off",
-        onChange: handleInput,
-        onFocus: openDropdown,
-        onKeyDown: handleKeyDown
-      }
-    ),
-    showClearButton && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-autocomplete-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-autocomplete-clear-hover,var(--tiger-text,#111827))] transition-colors",
-        "aria-label": "Clear",
-        onClick: handleClear,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            className: "w-4 h-4",
-            viewBox: tigercatCore.icon20ViewBox,
-            fill: "currentColor",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.closeSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-          }
-        )
-      }
-    ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { id: listboxId, role: "listbox", className: tigercatCore.autoCompleteDropdownClasses, children: filteredOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        id: `${listboxId}-option-${index}`,
-        role: "option",
-        "aria-selected": String(option.value) === String(value),
-        "aria-disabled": option.disabled,
-        className: tigercatCore.getAutoCompleteOptionClasses(
-          String(option.value) === String(value),
-          !!option.disabled,
-          size
-        ),
-        onClick: () => handleSelect(option),
-        onMouseEnter: () => setActiveIndex(index),
-        children: option.label
-      },
-      String(option.value)
-    )) }),
-    isOpen && inputValue && filteredOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.autoCompleteDropdownClasses, tigercatCore.autoCompleteEmptyStateClasses), children: notFoundText })
-  ] });
-};
-
-exports.AutoComplete = AutoComplete;

package/dist/chunk-4GV7UQJJ.js

@@ -1,96 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Watermark.tsx
-var Watermark = ({
-  content,
-  image,
-  width = tigercatCore.watermarkDefaults.width,
-  height = tigercatCore.watermarkDefaults.height,
-  rotate = tigercatCore.watermarkDefaults.rotate,
-  zIndex = tigercatCore.watermarkDefaults.zIndex,
-  gapX = tigercatCore.watermarkDefaults.gapX,
-  gapY = tigercatCore.watermarkDefaults.gapY,
-  offsetX = tigercatCore.watermarkDefaults.offsetX,
-  offsetY = tigercatCore.watermarkDefaults.offsetY,
-  font,
-  className,
-  children,
-  ...props
-}) => {
-  const [base64, setBase64] = react.useState();
-  const wrapperRef = react.useRef(null);
-  const resolvedFont = react.useMemo(() => tigercatCore.resolveWatermarkFont(font), [font]);
-  const generate = react.useCallback(() => {
-    if (image) {
-      const img = new Image();
-      img.crossOrigin = "anonymous";
-      img.onload = () => {
-        const canvas = document.createElement("canvas");
-        const dpr = window.devicePixelRatio || 1;
-        canvas.width = width * dpr;
-        canvas.height = height * dpr;
-        const ctx = canvas.getContext("2d");
-        if (!ctx) return;
-        ctx.scale(dpr, dpr);
-        ctx.translate(width / 2, height / 2);
-        ctx.rotate(rotate * Math.PI / 180);
-        ctx.translate(-width / 2, -height / 2);
-        ctx.drawImage(img, 0, 0, width, height);
-        setBase64(canvas.toDataURL());
-      };
-      img.src = image;
-    } else {
-      setBase64(
-        tigercatCore.renderWatermarkCanvas({
-          content,
-          width,
-          height,
-          rotate,
-          font: resolvedFont
-        })
-      );
-    }
-  }, [content, image, width, height, rotate, resolvedFont]);
-  react.useEffect(() => {
-    generate();
-  }, [generate]);
-  react.useEffect(() => {
-    if (typeof MutationObserver === "undefined" || !wrapperRef.current) return;
-    const observer = new MutationObserver((mutations) => {
-      for (const m of mutations) {
-        for (const node of Array.from(m.removedNodes)) {
-          if (node.dataset?.watermark === "true") {
-            generate();
-            return;
-          }
-        }
-      }
-    });
-    observer.observe(wrapperRef.current, { childList: true });
-    return () => observer.disconnect();
-  }, [generate]);
-  const overlayStyle = react.useMemo(
-    () => tigercatCore.getWatermarkOverlayStyle({
-      base64Url: base64,
-      width,
-      height,
-      gapX,
-      gapY,
-      offsetX,
-      offsetY,
-      zIndex
-    }),
-    [base64, width, height, gapX, gapY, offsetX, offsetY, zIndex]
-  );
-  const wrapperClasses = react.useMemo(() => tigercatCore.classNames(tigercatCore.watermarkWrapperClasses, className), [className]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: wrapperRef, className: wrapperClasses, ...props, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-watermark": "true", "aria-hidden": "true", style: overlayStyle })
-  ] });
-};
-
-exports.Watermark = Watermark;

package/dist/chunk-4MKMM2OI.js

@@ -1,112 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Rate.tsx
-var Rate = ({
-  value = 0,
-  count = 5,
-  allowHalf = false,
-  disabled = false,
-  size = "md",
-  allowClear = true,
-  character,
-  className,
-  onChange,
-  onHoverChange
-}) => {
-  const [hoverValue, setHoverValue] = react.useState(0);
-  const displayValue = hoverValue > 0 ? hoverValue : value;
-  const isChar = !!character;
-  function getStarValue(index, isHalf) {
-    return isHalf ? index + 0.5 : index + 1;
-  }
-  function handleClick(index, e) {
-    if (disabled) return;
-    const el = e.currentTarget;
-    const rect = el.getBoundingClientRect();
-    const half = allowHalf && e.clientX - rect.left < rect.width / 2;
-    const val = getStarValue(index, half);
-    const newVal = allowClear && val === value ? 0 : val;
-    onChange?.(newVal);
-  }
-  function handleMouseMove(index, e) {
-    if (disabled) return;
-    const el = e.currentTarget;
-    const rect = el.getBoundingClientRect();
-    const half = allowHalf && e.clientX - rect.left < rect.width / 2;
-    const val = getStarValue(index, half);
-    if (val !== hoverValue) {
-      setHoverValue(val);
-      onHoverChange?.(val);
-    }
-  }
-  function handleMouseLeave() {
-    if (disabled) return;
-    setHoverValue(0);
-    onHoverChange?.(0);
-  }
-  const starIcon = react.useMemo(
-    () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: tigercatCore.starViewBox, fill: "currentColor", className: "w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.starPathD }) }),
-    []
-  );
-  const stars = react.useMemo(() => {
-    const items = [];
-    for (let i = 0; i < count; i++) {
-      const full = displayValue >= i + 1;
-      const half = allowHalf && !full && displayValue >= i + 0.5;
-      const isHovering = hoverValue > 0;
-      const colorClass = full || half ? isHovering ? tigercatCore.rateHoverColor : tigercatCore.rateActiveColor : tigercatCore.rateInactiveColor;
-      const content = half ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.classNames("absolute inset-0", tigercatCore.rateInactiveColor), children: isChar ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: character }) : starIcon }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: tigercatCore.classNames(
-              "absolute inset-0 overflow-hidden",
-              isHovering ? tigercatCore.rateHoverColor : tigercatCore.rateActiveColor
-            ),
-            style: { width: "50%" },
-            children: isChar ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: character }) : starIcon
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: colorClass, children: isChar ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: character }) : starIcon });
-      items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: tigercatCore.getRateStarClasses(size, isChar, disabled),
-            role: "radio",
-            "aria-checked": full || half,
-            "aria-label": `${i + 1} star${i + 1 > 1 ? "s" : ""}`,
-            onClick: (e) => handleClick(i, e),
-            onMouseMove: (e) => handleMouseMove(i, e),
-            onMouseLeave: handleMouseLeave,
-            children: content
-          },
-          i
-        )
-      );
-    }
-    return items;
-  }, [
-    count,
-    displayValue,
-    hoverValue,
-    allowHalf,
-    disabled,
-    size,
-    character,
-    isChar,
-    value,
-    allowClear,
-    onChange,
-    onHoverChange,
-    starIcon
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.rateBaseClasses, className), role: "radiogroup", "aria-label": "Rating", children: stars });
-};
-
-exports.Rate = Rate;

package/dist/chunk-4Q4GADHJ.js

@@ -1,192 +0,0 @@
-'use strict';
-
-var chunkZYJTHGQW_js = require('./chunk-ZYJTHGQW.js');
-var chunkWVVXZKNI_js = require('./chunk-WVVXZKNI.js');
-var chunkBCNKTT5C_js = require('./chunk-BCNKTT5C.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,
-  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(
-        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(chunkBCNKTT5C_js.Button, { disabled: !canSend, onClick: handleSend, "aria-label": sendAriaLabel ?? sendText, children: sendText })
-    ] })
-  ] });
-};
-var ChatWindow_default = ChatWindow;
-
-exports.ChatWindow = ChatWindow;
-exports.ChatWindow_default = ChatWindow_default;