@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-BZ3AXFLG.js

@@ -1,149 +0,0 @@
-'use strict';
-
-var chunkHQ3QOT7H_js = require('./chunk-HQ3QOT7H.js');
-var react = require('react');
-var ReactDOM = require('react-dom');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
-var Tour = ({
-  steps,
-  open = false,
-  current: controlledCurrent,
-  nextText = "Next",
-  prevText = "Previous",
-  finishText = "Finish",
-  closable = true,
-  showIndicators = true,
-  className,
-  onClose,
-  onFinish,
-  onChange
-}) => {
-  const [internalStep, setInternalStep] = react.useState(0);
-  const currentStep = controlledCurrent ?? internalStep;
-  const step = steps[currentStep];
-  const [targetRect, setTargetRect] = react.useState();
-  const popoverRef = react.useRef(null);
-  const updateRect = react.useCallback(() => {
-    if (step?.target) {
-      setTargetRect(tigercatCore.getTourTargetRect(step.target));
-    } else {
-      setTargetRect(void 0);
-    }
-  }, [step]);
-  react.useEffect(() => {
-    if (open) updateRect();
-  }, [open, currentStep, updateRect]);
-  react.useEffect(() => {
-    if (!open) return;
-    const handler = () => updateRect();
-    window.addEventListener("resize", handler);
-    window.addEventListener("scroll", handler, true);
-    return () => {
-      window.removeEventListener("resize", handler);
-      window.removeEventListener("scroll", handler, true);
-    };
-  }, [open, updateRect]);
-  const goTo = react.useCallback(
-    (idx) => {
-      setInternalStep(idx);
-      onChange?.(idx);
-    },
-    [onChange]
-  );
-  const next = react.useCallback(() => {
-    if (currentStep < steps.length - 1) {
-      goTo(currentStep + 1);
-    } else {
-      onFinish?.();
-      onClose?.();
-    }
-  }, [currentStep, steps.length, goTo, onFinish, onClose]);
-  const prev = react.useCallback(() => {
-    if (currentStep > 0) goTo(currentStep - 1);
-  }, [currentStep, goTo]);
-  const close = react.useCallback(() => {
-    onClose?.();
-  }, [onClose]);
-  if (!open || !step) return null;
-  if (typeof document === "undefined") return null;
-  const placement = step.placement ?? "bottom";
-  const showMask = step.mask !== false;
-  const isLast = currentStep === steps.length - 1;
-  const isFirst = currentStep === 0;
-  let popoverStyle;
-  if (targetRect) {
-    const pos = tigercatCore.getTourPopoverPosition(targetRect, 320, 160, placement);
-    popoverStyle = { position: "absolute", top: pos.top, left: pos.left };
-  } else {
-    popoverStyle = {
-      position: "fixed",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)"
-    };
-  }
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    showMask && targetRect && /* @__PURE__ */ jsxRuntime.jsx("div", { style: tigercatCore.getTourSpotlightStyle(targetRect), "aria-hidden": "true" }),
-    showMask && !targetRect && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[1000] bg-black/45", "aria-hidden": "true", onClick: close }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref: popoverRef,
-        className: tigercatCore.classNames(tigercatCore.tourPopoverClasses, className),
-        style: popoverStyle,
-        role: "dialog",
-        "aria-modal": "true",
-        children: [
-          closable && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: tigercatCore.tourCloseButtonClasses,
-              type: "button",
-              "aria-label": "Close tour",
-              onClick: close,
-              children: /* @__PURE__ */ jsxRuntime.jsx(chunkHQ3QOT7H_js.StatusIcon, { path: tigercatCore.closeIconPathD, className: "h-4 w-4" })
-            }
-          ),
-          step.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.tourTitleClasses, children: step.title }),
-          step.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.tourDescriptionClasses, children: step.description }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.tourFooterClasses, children: [
-            showIndicators && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.tourIndicatorClasses, children: [
-              currentStep + 1,
-              " / ",
-              steps.length
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-              !isFirst && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
-                  onClick: prev,
-                  children: prevText
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
-                  onClick: next,
-                  children: isLast ? finishText : nextText
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] });
-  return ReactDOM__default.default.createPortal(content, document.body);
-};
-
-exports.Tour = Tour;

package/dist/chunk-C6WJ4GQW.js

@@ -1,198 +0,0 @@
-'use strict';
-
-var chunkAJQPGAYL_js = require('./chunk-AJQPGAYL.js');
-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);
-
-var createPopconfirmId = tigercatCore.createFloatingIdFactory("popconfirm");
-var PopconfirmIcon = ({ type }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: tigercatCore.popconfirmIconViewBox,
-    strokeWidth: tigercatCore.popconfirmIconStrokeWidth,
-    stroke: "currentColor",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        strokeLinecap: tigercatCore.popconfirmIconPathStrokeLinecap,
-        strokeLinejoin: tigercatCore.popconfirmIconPathStrokeLinejoin,
-        d: tigercatCore.getPopconfirmIconPath(type)
-      }
-    )
-  }
-);
-var Popconfirm = ({
-  open,
-  defaultOpen = false,
-  title = "\u786E\u5B9A\u8981\u6267\u884C\u6B64\u64CD\u4F5C\u5417\uFF1F",
-  description,
-  icon = "warning",
-  showIcon = true,
-  okText = "\u786E\u5B9A",
-  cancelText = "\u53D6\u6D88",
-  okType = "primary",
-  placement: initialPlacement = "top",
-  offset = 8,
-  disabled = false,
-  className,
-  style,
-  children,
-  titleContent,
-  descriptionContent,
-  onOpenChange,
-  onConfirm,
-  onCancel,
-  ...divProps
-}) => {
-  const popconfirmIdRef = React.useRef(null);
-  if (!popconfirmIdRef.current) popconfirmIdRef.current = createPopconfirmId();
-  const popconfirmId = popconfirmIdRef.current;
-  const titleId = `${popconfirmId}-title`;
-  const descriptionId = `${popconfirmId}-description`;
-  const describedBy = description || descriptionContent ? descriptionId : void 0;
-  const {
-    currentVisible,
-    setVisible,
-    containerRef,
-    triggerRef,
-    floatingRef,
-    actualPlacement,
-    floatingStyles: baseFloatingStyles
-  } = chunkAJQPGAYL_js.usePopup({
-    open,
-    defaultOpen,
-    disabled,
-    placement: initialPlacement,
-    offset,
-    multiTrigger: false,
-    onOpenChange
-  });
-  const handleConfirm = () => {
-    onConfirm?.();
-    setVisible(false);
-  };
-  const handleCancel = () => {
-    onCancel?.();
-    setVisible(false);
-  };
-  const handleTriggerClick = () => {
-    if (disabled) return;
-    setVisible(!currentVisible);
-  };
-  const contentWrapperStyles = React.useMemo(
-    () => ({
-      position: "absolute",
-      left: baseFloatingStyles.left,
-      top: baseFloatingStyles.top,
-      transformOrigin: baseFloatingStyles.transformOrigin
-    }),
-    [baseFloatingStyles]
-  );
-  const containerClasses = React.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getPopconfirmContainerClasses(), className),
-    [className]
-  );
-  const triggerClasses = React.useMemo(() => tigercatCore.getPopconfirmTriggerClasses(disabled), [disabled]);
-  const contentWrapperClasses = "absolute z-50";
-  const arrowClasses = React.useMemo(() => tigercatCore.getPopconfirmArrowClasses(actualPlacement), [actualPlacement]);
-  const contentClasses = tigercatCore.getPopconfirmContentClasses();
-  const titleClasses = tigercatCore.getPopconfirmTitleClasses();
-  const descriptionClasses = tigercatCore.getPopconfirmDescriptionClasses();
-  const iconClasses = React.useMemo(() => tigercatCore.getPopconfirmIconClasses(icon), [icon]);
-  const buttonsClasses = tigercatCore.getPopconfirmButtonsClasses();
-  const cancelButtonClasses = tigercatCore.getPopconfirmCancelButtonClasses();
-  const okButtonClasses = React.useMemo(() => tigercatCore.getPopconfirmOkButtonClasses(okType), [okType]);
-  if (!children) return null;
-  const mergedStyle = tigercatCore.mergeStyleValues(style);
-  const triggerProps = {
-    className: triggerClasses,
-    onClick: (event) => {
-      const target = children;
-      if (React__default.default.isValidElement(target)) {
-        const onChildClick = target.props.onClick;
-        if (typeof onChildClick === "function") {
-          onChildClick(event);
-        }
-      }
-      if (event.defaultPrevented) return;
-      handleTriggerClick();
-    },
-    "aria-haspopup": "dialog",
-    "aria-expanded": Boolean(currentVisible),
-    "aria-controls": currentVisible ? popconfirmId : void 0
-  };
-  const triggerNode = (() => {
-    if (React__default.default.isValidElement(children)) {
-      return React__default.default.cloneElement(children, {
-        ...triggerProps,
-        className: tigercatCore.classNames(children.props.className, triggerProps.className)
-      });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ...triggerProps,
-        role: "button",
-        tabIndex: disabled ? -1 : 0,
-        "aria-disabled": disabled,
-        onKeyDown: (event) => {
-          if (disabled) return;
-          if (event.key === "Enter" || event.key === " ") {
-            event.preventDefault();
-            handleTriggerClick();
-          }
-        },
-        children
-      }
-    );
-  })();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style: mergedStyle, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: triggerRef, children: triggerNode }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: floatingRef,
-        className: contentWrapperClasses,
-        style: contentWrapperStyles,
-        hidden: !currentVisible,
-        "aria-hidden": !currentVisible,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: arrowClasses, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              id: popconfirmId,
-              role: "dialog",
-              "aria-modal": "false",
-              "aria-labelledby": titleId,
-              "aria-describedby": describedBy,
-              className: contentClasses,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start", children: [
-                  showIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(PopconfirmIcon, { type: icon }) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: titleClasses, children: titleContent || title }),
-                    (description || descriptionContent) && /* @__PURE__ */ jsxRuntime.jsx("div", { id: descriptionId, className: descriptionClasses, children: descriptionContent || description })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: buttonsClasses, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: cancelButtonClasses, onClick: handleCancel, children: cancelText }),
-                  /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: okButtonClasses, onClick: handleConfirm, children: okText })
-                ] })
-              ]
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-};
-
-exports.Popconfirm = Popconfirm;

package/dist/chunk-CDT3P2ZN.js

@@ -1,72 +0,0 @@
-'use strict';
-
-var chunkAJQPGAYL_js = require('./chunk-AJQPGAYL.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-var createPopoverId = tigercatCore.createFloatingIdFactory("popover");
-var Popover = ({
-  open,
-  defaultOpen = false,
-  title,
-  content,
-  trigger = "click",
-  placement = "top",
-  disabled = false,
-  width,
-  offset = 8,
-  className,
-  style,
-  children,
-  titleContent,
-  contentContent,
-  onOpenChange,
-  ...divProps
-}) => {
-  const popoverIdRef = react.useRef(null);
-  if (!popoverIdRef.current) popoverIdRef.current = createPopoverId();
-  const popoverId = popoverIdRef.current;
-  const titleId = `${popoverId}-title`;
-  const contentId = `${popoverId}-content`;
-  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = chunkAJQPGAYL_js.usePopup({ open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
-  const containerClasses = react.useMemo(
-    () => tigercatCore.classNames(tigercatCore.getPopoverContainerClasses(), className),
-    [className]
-  );
-  const triggerClasses = react.useMemo(() => tigercatCore.getPopoverTriggerClasses(disabled), [disabled]);
-  const contentClasses = react.useMemo(() => tigercatCore.getPopoverContentClasses(width), [width]);
-  if (!children) return null;
-  const hasTitle = Boolean(title || titleContent);
-  const hasContent = Boolean(content || contentContent);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: containerClasses, style, ...divProps, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref: triggerRef,
-        className: triggerClasses,
-        "aria-haspopup": "dialog",
-        "aria-disabled": disabled ? "true" : void 0,
-        ...triggerHandlers,
-        children
-      }
-    ),
-    currentVisible && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: floatingRef, style: floatingStyles, "aria-hidden": false, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        id: popoverId,
-        role: "dialog",
-        "aria-modal": "false",
-        "aria-labelledby": hasTitle ? titleId : void 0,
-        "aria-describedby": hasContent ? contentId : void 0,
-        className: contentClasses,
-        children: [
-          hasTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: tigercatCore.POPOVER_TITLE_CLASSES, children: titleContent || title }),
-          hasContent && /* @__PURE__ */ jsxRuntime.jsx("div", { id: contentId, className: tigercatCore.POPOVER_TEXT_CLASSES, children: contentContent || content })
-        ]
-      }
-    ) })
-  ] });
-};
-
-exports.Popover = Popover;

package/dist/chunk-CHH7DWIO.js

@@ -1,121 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Mentions.tsx
-var Mentions = ({
-  value = "",
-  prefix: triggerPrefix = "@",
-  options = [],
-  placeholder,
-  disabled = false,
-  size = "md",
-  rows = 3,
-  onChange,
-  onSelect,
-  className
-}) => {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [activeIndex, setActiveIndex] = react.useState(0);
-  const [query, setQuery] = react.useState("");
-  const mentionStartRef = react.useRef(-1);
-  const textareaRef = react.useRef(null);
-  const containerRef = react.useRef(null);
-  const filteredOptions = react.useMemo(() => {
-    if (!query) return options;
-    const q = query.toLowerCase();
-    return options.filter((o) => !o.disabled && o.label.toLowerCase().includes(q));
-  }, [options, query]);
-  const handleInput = react.useCallback(
-    (e) => {
-      const newValue = e.target.value;
-      onChange?.(newValue);
-      const cursorPos = e.target.selectionStart ?? newValue.length;
-      const result = tigercatCore.extractMentionQuery(newValue, cursorPos, triggerPrefix);
-      if (result && options.length > 0) {
-        setQuery(result.query);
-        mentionStartRef.current = result.startPos;
-        setIsOpen(true);
-        setActiveIndex(0);
-      } else {
-        setIsOpen(false);
-      }
-    },
-    [onChange, triggerPrefix, options.length]
-  );
-  const selectOption = react.useCallback(
-    (option) => {
-      if (option.disabled) return;
-      const before = value.slice(0, mentionStartRef.current);
-      const cursorPos = textareaRef.current?.selectionStart ?? value.length;
-      const after = value.slice(cursorPos);
-      const newValue = `${before}${triggerPrefix}${option.value} ${after}`;
-      onChange?.(newValue);
-      onSelect?.(option);
-      setIsOpen(false);
-    },
-    [value, triggerPrefix, onChange, onSelect]
-  );
-  const handleKeydown = react.useCallback(
-    (e) => {
-      if (!isOpen) return;
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setActiveIndex((prev) => (prev + 1) % filteredOptions.length);
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setActiveIndex((prev) => (prev - 1 + filteredOptions.length) % filteredOptions.length);
-      } else if (e.key === "Enter") {
-        e.preventDefault();
-        const opt = filteredOptions[activeIndex];
-        if (opt) selectOption(opt);
-      } else if (e.key === "Escape") {
-        setIsOpen(false);
-      }
-    },
-    [isOpen, filteredOptions, activeIndex, selectOption]
-  );
-  react.useEffect(() => {
-    if (!isOpen) return;
-    const handler = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setIsOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [isOpen]);
-  const wrapperClass = tigercatCore.classNames("relative", className);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: wrapperClass, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "textarea",
-      {
-        ref: textareaRef,
-        value,
-        className: tigercatCore.getMentionsInputClasses(size, disabled),
-        placeholder,
-        disabled,
-        rows,
-        onChange: handleInput,
-        onKeyDown: handleKeydown
-      }
-    ),
-    isOpen && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.mentionsDropdownClasses, role: "listbox", children: filteredOptions.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: tigercatCore.getMentionsOptionClasses(i === activeIndex, !!opt.disabled),
-        role: "option",
-        "aria-selected": i === activeIndex,
-        onClick: () => selectOption(opt),
-        children: opt.label
-      },
-      opt.value
-    )) })
-  ] });
-};
-var Mentions_default = Mentions;
-
-exports.Mentions = Mentions;
-exports.Mentions_default = Mentions_default;