@xiping/react-components 1.0.69 → 1.0.77

package/dist/es/components/image-viewer/ImageViewer.js

@@ -1,141 +0,0 @@
-"use client";
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { Modal as z, ModalContent as O, Spinner as S } from "@heroui/react";
-import P from "../pinch-content/PinchContent.js";
-import V from "./ImageThumbnails.js";
-import { useState as v, useCallback as b, useEffect as x } from "react";
-import d from "clsx";
-import { Download as X, X as B } from "lucide-react";
-import { AnimatePresence as K, motion as W } from "motion/react";
-import './ImageViewer.css';/* empty css                */
-const C = (l) => {
-  l.target.closest(".xiping-main-content") && l.preventDefault();
-}, $ = (l) => {
-  const {
-    isOpen: a,
-    onClose: w,
-    imgSrc: g,
-    thumbnailImages: N,
-    canDownload: y = !1,
-    wrapperClassName: I,
-    closeClassName: E,
-    downloadClassName: L,
-    toolWrapperClassName: k,
-    initialIndex: D = 0
-  } = l, o = Array.isArray(g) ? g : [g], A = N || o, R = Math.max(
-    0,
-    Math.min(D, o.length - 1)
-  ), [c, p] = v(R), [M, u] = v(!0), m = b(() => {
-    u(!0), w();
-  }, [w]), T = async () => {
-    const i = o[c];
-    try {
-      const r = await (await fetch(i)).blob(), e = window.URL.createObjectURL(r), s = document.createElement("a");
-      s.href = e, s.download = i.split("/").pop() || "image", document.body.appendChild(s), s.click(), window.URL.revokeObjectURL(e), document.body.removeChild(s);
-    } catch (t) {
-      console.error("Error downloading image:", t);
-    }
-  }, U = () => {
-    u(!1);
-  }, j = () => {
-    u(!1);
-  };
-  x(() => {
-    if (a)
-      return document.addEventListener("touchmove", C, {
-        passive: !1
-      }), () => {
-        document.removeEventListener("touchmove", C);
-      };
-  }, [a]);
-  const h = b(() => {
-    "vibrate" in navigator && navigator.vibrate([50, 50, 50]);
-  }, []);
-  return x(() => {
-    if (!a) return;
-    const i = (t) => {
-      const r = t.target;
-      if (!(r.tagName === "INPUT" || r.tagName === "TEXTAREA" || r.isContentEditable))
-        switch (t.key) {
-          case "ArrowLeft":
-            t.preventDefault(), p((e) => e > 0 ? e - 1 : (h(), e));
-            break;
-          case "ArrowRight":
-            t.preventDefault(), p((e) => e < o.length - 1 ? e + 1 : (h(), e));
-            break;
-          case "Escape":
-            t.preventDefault(), m();
-            break;
-        }
-    };
-    return document.addEventListener("keydown", i), () => {
-      document.removeEventListener("keydown", i);
-    };
-  }, [a, o.length, m, h]), /* @__PURE__ */ n(
-    z,
-    {
-      isOpen: a,
-      size: "full",
-      onClose: m,
-      classNames: {
-        wrapper: d(I)
-      },
-      className: "xiping-modal-overlay",
-      hideCloseButton: !0,
-      portalContainer: document.body,
-      children: /* @__PURE__ */ n(O, { className: "xiping-modal-content", children: /* @__PURE__ */ f("div", { className: "xiping-wrapper", children: [
-        /* @__PURE__ */ f("div", { className: d("xiping-tool-wrapper", k), children: [
-          y && /* @__PURE__ */ n(
-            X,
-            {
-              size: 24,
-              className: d("xiping-download-icon", L),
-              onClick: T
-            }
-          ),
-          /* @__PURE__ */ n(
-            B,
-            {
-              size: 24,
-              className: d("xiping-close-icon", E),
-              onClick: m
-            }
-          )
-        ] }),
-        /* @__PURE__ */ f("div", { className: "xiping-main-content", children: [
-          /* @__PURE__ */ n(P, { canRotate: !1, className: "xiping-pinch-content", children: /* @__PURE__ */ n(K, { mode: "wait", children: /* @__PURE__ */ n(
-            W.img,
-            {
-              draggable: "false",
-              src: o[c],
-              alt: "",
-              className: "xiping-image",
-              onLoad: U,
-              onError: j,
-              initial: { opacity: 0, scale: 0.95 },
-              animate: { opacity: 1, scale: 1 },
-              exit: { opacity: 0, scale: 1.05 },
-              transition: {
-                duration: 0.3,
-                ease: "easeInOut"
-              }
-            },
-            c
-          ) }) }),
-          M && /* @__PURE__ */ n("div", { className: "xiping-loading", children: /* @__PURE__ */ n(S, { color: "white", size: "lg" }) })
-        ] }),
-        /* @__PURE__ */ n(
-          V,
-          {
-            images: A,
-            currentIndex: c,
-            onImageSelect: p
-          }
-        )
-      ] }) })
-    }
-  );
-};
-export {
-  $ as default
-};

package/dist/es/components/message/Message.js

@@ -1,220 +0,0 @@
-import { jsxs as i, jsx as e, Fragment as b } from "react/jsx-runtime";
-import { useState as y } from "react";
-import a from "react-markdown";
-import o from "clsx";
-import './Message.css';/* empty css            */
-const E = ({
-  id: j,
-  content: d,
-  sender: n,
-  timestamp: c,
-  isThinking: g = !1,
-  isLoading: V = !1,
-  className: B = "",
-  style: H = {},
-  showTimestamp: m = !0,
-  avatarUser: h,
-  avatarAssistant: p,
-  thinkingText: M = "思考中...",
-  customThinkingComponent: _,
-  customUserMessageComponent: u,
-  customAssistantMessageComponent: x,
-  parseContent: W = !1,
-  parsedContent: k,
-  thinkContent: t,
-  knowledgeSources: l
-}) => {
-  const [r, v] = y(!0), [I, N] = y("idle");
-  console.log(j, "id");
-  const w = (s) => s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), S = async () => {
-    try {
-      await navigator.clipboard.writeText(d), N("copied"), setTimeout(() => N("idle"), 2e3);
-    } catch (s) {
-      console.error("复制失败:", s);
-    }
-  }, f = () => _ || /* @__PURE__ */ i("div", { className: "xiping-message__thinking", children: [
-    /* @__PURE__ */ i("div", { className: "xiping-message__thinking-dots", children: [
-      /* @__PURE__ */ e("span", {}),
-      /* @__PURE__ */ e("span", {}),
-      /* @__PURE__ */ e("span", {})
-    ] }),
-    /* @__PURE__ */ e("span", { className: "xiping-message__thinking-text", children: M })
-  ] }), F = () => /* @__PURE__ */ e("div", { className: "xiping-message__loading", children: /* @__PURE__ */ e("div", { className: "xiping-message__loading-spinner" }) }), C = () => !l || l.length === 0 ? null : /* @__PURE__ */ i("div", { className: "xiping-message__knowledge-sources", children: [
-    /* @__PURE__ */ e("div", { className: "xiping-message__knowledge-sources-header", children: "知识来源：" }),
-    /* @__PURE__ */ e("ul", { className: "xiping-message__knowledge-sources-list", children: l.map((s, K) => /* @__PURE__ */ i("li", { className: "xiping-message__knowledge-source-item", children: [
-      s.url ? /* @__PURE__ */ e("a", { href: s.url, target: "_blank", rel: "noopener noreferrer", children: s.title }) : /* @__PURE__ */ e("span", { children: s.title }),
-      s.description && /* @__PURE__ */ e("div", { className: "xiping-message__knowledge-source-description", children: s.description })
-    ] }, K)) })
-  ] }), L = () => n === "user" ? null : /* @__PURE__ */ i(
-    "button",
-    {
-      className: "xiping-message__copy-button",
-      onClick: S,
-      "aria-label": "Copy message",
-      title: "Copy message",
-      children: [
-        /* @__PURE__ */ i(
-          "svg",
-          {
-            width: "14",
-            height: "14",
-            viewBox: "0 0 16 16",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: [
-              /* @__PURE__ */ e(
-                "path",
-                {
-                  d: "M13.3333 6H7.33333C6.59695 6 6 6.59695 6 7.33333V13.3333C6 14.0697 6.59695 14.6667 7.33333 14.6667H13.3333C14.0697 14.6667 14.6667 14.0697 14.6667 13.3333V7.33333C14.6667 6.59695 14.0697 6 13.3333 6Z",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ),
-              /* @__PURE__ */ e(
-                "path",
-                {
-                  d: "M3.33333 10H2.66667C2.31305 10 1.97391 9.85953 1.72386 9.60948C1.47381 9.35943 1.33334 9.02029 1.33334 8.66667V2.66667C1.33334 2.31305 1.47381 1.97391 1.72386 1.72386C1.97391 1.47381 2.31305 1.33334 2.66667 1.33334H8.66667C9.02029 1.33334 9.35943 1.47381 9.60948 1.72386C9.85953 1.97391 10 2.31305 10 2.66667V3.33334",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            ]
-          }
-        ),
-        I === "copied" && /* @__PURE__ */ e("span", { className: "xiping-message__copy-tooltip", children: "Copied" })
-      ]
-    }
-  );
-  return n === "user" && u ? u : n === "assistant" && x ? x : /* @__PURE__ */ i(
-    "div",
-    {
-      className: o(
-        "xiping-message",
-        n === "user" ? "user" : "assistant",
-        B
-      ),
-      style: H,
-      children: [
-        n === "user" && h || n === "assistant" && p ? /* @__PURE__ */ e("div", { className: "xiping-message__avatar", children: n === "user" ? h : p }) : null,
-        /* @__PURE__ */ e("div", { className: "xiping-message__content", children: V ? F() : W && n === "assistant" ? /* @__PURE__ */ i(b, { children: [
-          t && /* @__PURE__ */ i("div", { className: "xiping-message__think", children: [
-            /* @__PURE__ */ i("div", { className: "xiping-message__think-header", children: [
-              "思考过程：",
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  className: "xiping-message__think-toggle",
-                  onClick: () => v(!r),
-                  "aria-label": r ? "隐藏思考过程" : "显示思考过程",
-                  children: /* @__PURE__ */ e(
-                    "svg",
-                    {
-                      width: "12",
-                      height: "12",
-                      viewBox: "0 0 12 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: {
-                        transform: r ? "rotate(180deg)" : "rotate(0deg)",
-                        transition: "transform 0.3s ease"
-                      },
-                      children: /* @__PURE__ */ e(
-                        "path",
-                        {
-                          d: "M2 4L6 8L10 4",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: o(
-                  "xiping-message__think-content",
-                  r ? "visible" : "hidden"
-                ),
-                children: /* @__PURE__ */ e(a, { children: t })
-              }
-            )
-          ] }),
-          g && f(),
-          k && /* @__PURE__ */ i("div", { className: "xiping-message__text-container", children: [
-            /* @__PURE__ */ e("div", { className: "xiping-message__text", children: /* @__PURE__ */ e(a, { children: k }) }),
-            L()
-          ] }),
-          C(),
-          m && /* @__PURE__ */ e("div", { className: "xiping-message__timestamp", children: w(c) })
-        ] }) : /* @__PURE__ */ i(b, { children: [
-          t && /* @__PURE__ */ i("div", { className: "xiping-message__think", children: [
-            /* @__PURE__ */ i("div", { className: "xiping-message__think-header", children: [
-              "思考过程：",
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  className: "xiping-message__think-toggle",
-                  onClick: () => v(!r),
-                  "aria-label": r ? "隐藏思考过程" : "显示思考过程",
-                  children: /* @__PURE__ */ e(
-                    "svg",
-                    {
-                      width: "12",
-                      height: "12",
-                      viewBox: "0 0 12 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: {
-                        transform: r ? "rotate(180deg)" : "rotate(0deg)",
-                        transition: "transform 0.3s ease"
-                      },
-                      children: /* @__PURE__ */ e(
-                        "path",
-                        {
-                          d: "M2 4L6 8L10 4",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: o(
-                  "xiping-message__think-content",
-                  r ? "visible" : "hidden"
-                ),
-                children: /* @__PURE__ */ e(a, { children: t })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ i("div", { className: "xiping-message__text-container", children: [
-            /* @__PURE__ */ e("div", { className: "xiping-message__text", children: /* @__PURE__ */ e(a, { children: d }) }),
-            L()
-          ] }),
-          g && f(),
-          C(),
-          m && /* @__PURE__ */ e("div", { className: "xiping-message__timestamp", children: w(c) })
-        ] }) })
-      ]
-    }
-  );
-};
-export {
-  E as Message
-};

package/dist/es/components/pointer/Pointer.js

@@ -1,75 +0,0 @@
-"use client";
-import { jsxs as h, Fragment as x, jsx as t } from "react/jsx-runtime";
-import { useMotionValue as m, AnimatePresence as E, motion as L } from "motion/react";
-import { useState as w, useRef as y, useEffect as g } from "react";
-import M from "clsx";
-import './Pointer.css';/* empty css            */
-function P({
-  className: u,
-  style: v,
-  children: d,
-  ...p
-}) {
-  const n = m(0), o = m(0), [f, s] = w(!1), r = y(null);
-  return g(() => {
-    if (typeof window < "u" && r.current) {
-      const e = r.current.parentElement;
-      if (e) {
-        e.style.cursor = "none";
-        const i = (l) => {
-          n.set(l.clientX), o.set(l.clientY);
-        }, c = () => {
-          s(!0);
-        }, a = () => {
-          s(!1);
-        };
-        return e.addEventListener("mousemove", i), e.addEventListener("mouseenter", c), e.addEventListener("mouseleave", a), () => {
-          e.style.cursor = "", e.removeEventListener("mousemove", i), e.removeEventListener("mouseenter", c), e.removeEventListener("mouseleave", a);
-        };
-      }
-    }
-  }, [n, o]), /* @__PURE__ */ h(x, { children: [
-    /* @__PURE__ */ t("div", { ref: r }),
-    /* @__PURE__ */ t(E, { children: f && /* @__PURE__ */ t(
-      L.div,
-      {
-        className: M("xiping-pointer", u),
-        style: {
-          top: o,
-          left: n,
-          ...v
-        },
-        initial: {
-          scale: 0,
-          opacity: 0
-        },
-        animate: {
-          scale: 1,
-          opacity: 1
-        },
-        exit: {
-          scale: 0,
-          opacity: 0
-        },
-        ...p,
-        children: d || /* @__PURE__ */ t(
-          "svg",
-          {
-            stroke: "currentColor",
-            fill: "currentColor",
-            strokeWidth: "1",
-            viewBox: "0 0 16 16",
-            height: "24",
-            width: "24",
-            xmlns: "http://www.w3.org/2000/svg",
-            className: "xiping-pointer-icon",
-            children: /* @__PURE__ */ t("path", { d: "M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z" })
-          }
-        )
-      }
-    ) })
-  ] });
-}
-export {
-  P as Pointer
-};

package/dist/es/components/scratch-to-reveal/ScratchToReveal.js

@@ -1,97 +0,0 @@
-"use client";
-import { jsxs as P, jsx as R } from "react/jsx-runtime";
-import { useAnimation as z, motion as A } from "motion/react";
-import { useRef as b, useState as I, useEffect as x } from "react";
-import j from "clsx";
-import './ScratchToReveal.css';/* empty css                    */
-const T = ({
-  width: m,
-  height: l,
-  minScratchPercentage: E = 50,
-  onComplete: h,
-  children: L,
-  className: M,
-  gradientColors: a = ["#A97CF8", "#F38CB8", "#FDCC92"]
-}) => {
-  const i = b(null), [d, r] = I(!1), [S, C] = I(!1), v = z();
-  x(() => {
-    const t = i.current, e = t?.getContext("2d");
-    if (t && e) {
-      e.fillStyle = "#ccc", e.fillRect(0, 0, t.width, t.height);
-      const o = e.createLinearGradient(
-        0,
-        0,
-        t.width,
-        t.height
-      );
-      o.addColorStop(0, a[0]), o.addColorStop(0.5, a[1]), o.addColorStop(1, a[2]), e.fillStyle = o, e.fillRect(0, 0, t.width, t.height);
-    }
-  }, [a]), x(() => {
-    const t = (c) => {
-      d && f(c.clientX, c.clientY);
-    }, e = (c) => {
-      if (!d) return;
-      const s = c.touches[0];
-      f(s.clientX, s.clientY);
-    }, o = () => {
-      r(!1), g();
-    }, n = () => {
-      r(!1), g();
-    };
-    return document.addEventListener("mousedown", t), document.addEventListener("mousemove", t), document.addEventListener("touchstart", e), document.addEventListener("touchmove", e), document.addEventListener("mouseup", o), document.addEventListener("touchend", n), document.addEventListener("touchcancel", n), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("mousemove", t), document.removeEventListener("touchstart", e), document.removeEventListener("touchmove", e), document.removeEventListener("mouseup", o), document.removeEventListener("touchend", n), document.removeEventListener("touchcancel", n);
-    };
-  }, [d]);
-  const D = () => r(!0), w = () => r(!0), f = (t, e) => {
-    const o = i.current, n = o?.getContext("2d");
-    if (o && n) {
-      const c = o.getBoundingClientRect(), s = t - c.left + 16, p = e - c.top + 16;
-      n.globalCompositeOperation = "destination-out", n.beginPath(), n.arc(s, p, 30, 0, Math.PI * 2), n.fill();
-    }
-  }, y = async () => {
-    await v.start({
-      scale: [1, 1.5, 1],
-      rotate: [0, 10, -10, 10, -10, 0],
-      transition: { duration: 0.5 }
-    }), h && h();
-  }, g = () => {
-    if (S) return;
-    const t = i.current, e = t?.getContext("2d");
-    if (t && e) {
-      const n = e.getImageData(0, 0, t.width, t.height).data, c = n.length / 4;
-      let s = 0;
-      for (let u = 3; u < n.length; u += 4)
-        n[u] === 0 && s++;
-      s / c * 100 >= E && (C(!0), e.clearRect(0, 0, t.width, t.height), y());
-    }
-  };
-  return /* @__PURE__ */ P(
-    A.div,
-    {
-      className: j("xiping-scratch-to-reveal", M),
-      style: {
-        width: m,
-        height: l,
-        cursor: "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNSIgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MXB4OyIgLz4KPC9zdmc+'), auto"
-      },
-      animate: v,
-      children: [
-        /* @__PURE__ */ R(
-          "canvas",
-          {
-            ref: i,
-            width: m,
-            height: l,
-            className: "xiping-scratch-canvas",
-            onMouseDown: D,
-            onTouchStart: w
-          }
-        ),
-        L
-      ]
-    }
-  );
-};
-export {
-  T as ScratchToReveal
-};

package/dist/es/components/shimmer-button/ShimmerButton.js

@@ -1,42 +0,0 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import d from "react";
-import h from "clsx";
-import './ShimmerButton.css';/* empty css                  */
-const l = d.forwardRef(
-  ({
-    shimmerColor: r = "#ffffff",
-    shimmerSize: s = "0.05em",
-    shimmerDuration: e = "3s",
-    borderRadius: m = "100px",
-    background: t = "rgba(0, 0, 0, 1)",
-    className: a,
-    children: o,
-    ...n
-  }, p) => /* @__PURE__ */ c(
-    "button",
-    {
-      style: {
-        "--spread": "90deg",
-        "--shimmer-color": r,
-        "--radius": m,
-        "--speed": e,
-        "--cut": s,
-        "--bg": t
-      },
-      className: h("xiping-shimmer-button", a),
-      ref: p,
-      ...n,
-      children: [
-        /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-spark-container", children: /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-spark", children: /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-spark-before" }) }) }),
-        o,
-        /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-highlight" }),
-        /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-backdrop" })
-      ]
-    }
-  )
-);
-l.displayName = "ShimmerButton";
-export {
-  l as ShimmerButton,
-  l as default
-};

package/dist/es/components/shiny-button/ShinyButton.js

@@ -1,61 +0,0 @@
-"use client";
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { motion as s } from "motion/react";
-import o from "react";
-import l from "clsx";
-import './ShinyButton.css';/* empty css                */
-const p = {
-  initial: { "--x": "100%", scale: 0.8 },
-  animate: { "--x": "-100%", scale: 1 },
-  whileTap: { scale: 0.95 },
-  transition: {
-    repeat: 1 / 0,
-    repeatType: "loop",
-    repeatDelay: 1,
-    type: "spring",
-    stiffness: 20,
-    damping: 15,
-    mass: 2,
-    scale: {
-      type: "spring",
-      stiffness: 200,
-      damping: 5,
-      mass: 0.5
-    }
-  }
-}, c = o.forwardRef(({ children: r, className: e, ...i }, n) => /* @__PURE__ */ t(
-  s.button,
-  {
-    ref: n,
-    className: l("xiping-shiny-button", e),
-    ...p,
-    ...i,
-    children: [
-      /* @__PURE__ */ a(
-        "span",
-        {
-          className: "xiping-shiny-button-text",
-          style: {
-            maskImage: "linear-gradient(-75deg,var(--primary) calc(var(--x) + 20%),transparent calc(var(--x) + 30%),var(--primary) calc(var(--x) + 100%))"
-          },
-          children: r
-        }
-      ),
-      /* @__PURE__ */ a(
-        "span",
-        {
-          style: {
-            mask: "linear-gradient(rgb(0,0,0), rgb(0,0,0)) content-box exclude,linear-gradient(rgb(0,0,0), rgb(0,0,0))",
-            WebkitMask: "linear-gradient(rgb(0,0,0), rgb(0,0,0)) content-box exclude,linear-gradient(rgb(0,0,0), rgb(0,0,0))",
-            backgroundImage: "linear-gradient(-75deg,var(--primary)/10% calc(var(--x)+20%),var(--primary)/50% calc(var(--x)+25%),var(--primary)/10% calc(var(--x)+100%))"
-          },
-          className: "xiping-shiny-button-border"
-        }
-      )
-    ]
-  }
-));
-c.displayName = "ShinyButton";
-export {
-  c as ShinyButton
-};