@xiping/react-components 1.0.6 → 1.0.7

package/dist/es/components/message/Message.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface MessageProps {
+    id: string;
+    content: string;
+    sender: "user" | "assistant";
+    timestamp: Date;
+    isThinking?: boolean;
+    isLoading?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    showTimestamp?: boolean;
+    avatarUser?: React.ReactNode;
+    avatarAssistant?: React.ReactNode;
+    thinkingText?: string;
+    customThinkingComponent?: React.ReactNode;
+    customUserMessageComponent?: React.ReactNode;
+    customAssistantMessageComponent?: React.ReactNode;
+    parseContent?: boolean;
+    parsedContent?: string;
+    thinkContent?: string;
+    knowledgeSources?: Array<{
+        title: string;
+        description?: string;
+        url?: string;
+    }>;
+}
+export declare const Message: React.FC<MessageProps>;
+export default Message;

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

@@ -0,0 +1,80 @@
+import { jsxs as a, jsx as e, Fragment as v } from "react/jsx-runtime";
+/* empty css            */
+const q = ({
+  id: f,
+  content: t,
+  sender: n,
+  timestamp: l,
+  isThinking: d = !1,
+  isLoading: p = !1,
+  className: k = "",
+  style: x = {},
+  showTimestamp: c = !0,
+  avatarUser: w,
+  avatarAssistant: j,
+  thinkingText: I = "思考中...",
+  customThinkingComponent: m,
+  customUserMessageComponent: g,
+  customAssistantMessageComponent: h,
+  parseContent: L = !1,
+  parsedContent: $,
+  thinkContent: b,
+  knowledgeSources: r
+}) => {
+  console.log(f, "id");
+  const o = (s) => s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), u = () => m || /* @__PURE__ */ a("div", { className: "message-thinking", children: [
+    /* @__PURE__ */ a("div", { className: "message-thinking-dots", children: [
+      /* @__PURE__ */ e("span", {}),
+      /* @__PURE__ */ e("span", {}),
+      /* @__PURE__ */ e("span", {})
+    ] }),
+    /* @__PURE__ */ e("span", { className: "message-thinking-text", children: I })
+  ] }), C = () => /* @__PURE__ */ e("div", { className: "message-loading", children: /* @__PURE__ */ e("div", { className: "message-loading-spinner" }) }), N = () => !r || r.length === 0 ? null : /* @__PURE__ */ a("div", { className: "message-knowledge-sources", children: [
+    /* @__PURE__ */ e("div", { className: "message-knowledge-sources-header", children: "知识来源：" }),
+    /* @__PURE__ */ e("ul", { className: "message-knowledge-sources-list", children: r.map((s, i) => /* @__PURE__ */ a("li", { className: "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: "message-knowledge-source-description", children: s.description })
+    ] }, i)) })
+  ] }), F = () => {
+    if (p)
+      return C();
+    if (n === "user" && g)
+      return g;
+    if (n === "assistant" && h)
+      return h;
+    if (L && n === "assistant") {
+      const s = $ || t, i = b;
+      return /* @__PURE__ */ a(v, { children: [
+        d && u(),
+        s && /* @__PURE__ */ e("div", { className: "message-text", children: s }),
+        i && /* @__PURE__ */ a("div", { className: "message-think", children: [
+          /* @__PURE__ */ e("div", { className: "message-think-header", children: "思考过程：" }),
+          /* @__PURE__ */ e("div", { className: "message-think-content", children: i })
+        ] }),
+        N(),
+        c && /* @__PURE__ */ e("div", { className: "message-timestamp", children: o(l) })
+      ] });
+    }
+    return /* @__PURE__ */ a(v, { children: [
+      /* @__PURE__ */ e("div", { className: "message-text", children: t }),
+      d && u(),
+      N(),
+      c && /* @__PURE__ */ e("div", { className: "message-timestamp", children: o(l) })
+    ] });
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `message ${n === "user" ? "user" : "assistant"} ${k}`,
+      style: x,
+      children: [
+        /* @__PURE__ */ e("div", { className: "message-avatar", children: n === "user" ? w : j }),
+        /* @__PURE__ */ e("div", { className: "message-content", children: F() })
+      ]
+    }
+  );
+};
+export {
+  q as Message,
+  q as default
+};

package/dist/es/components/message/index.d.ts

@@ -0,0 +1 @@
+export * from './Message.tsx';

package/dist/es/index.d.ts

@@ -9,3 +9,4 @@ export * from './components/shimmer-button';
 export * from './components/image-compare';
 export * from './components/dock';
 export * from './components/txt-editor';
+export * from './components/message';

package/dist/es/index.js

@@ -1,24 +1,26 @@
 /* empty css          */
-import { Button as e } from "./components/button/Button.js";
+import { Button as t } from "./components/button/Button.js";
 import { TxtReader as p } from "./components/txt-reader/TxtReader.js";
 import { HyperText as a } from "./components/hyper-text/index.js";
 import { TypingAnimation as n } from "./components/typing-animation/index.js";
 import { default as d } from "./components/pinch-content/PinchContent.js";
-import { default as u } from "./components/image-viewer/ImageViewer.js";
-import { ShimmerButton as s } from "./components/shimmer-button/ShimmerButton.js";
+import { default as c } from "./components/image-viewer/ImageViewer.js";
+import { ShimmerButton as T } from "./components/shimmer-button/ShimmerButton.js";
 import { default as k } from "./components/image-compare/ImageCompare.js";
 import { TextAnimate as I } from "./components/text-animate/TextAnimate.js";
 import { Dock as y, DockIcon as A, dockVariants as B } from "./components/dock/Duck.js";
 import { TxtEditor as D } from "./components/txt-editor/TxtEditor.js";
+import { Message as w } from "./components/message/Message.js";
 export {
-  e as Button,
+  t as Button,
   y as Dock,
   A as DockIcon,
   a as HyperText,
   k as ImageCompare,
-  u as ImageViewer,
+  c as ImageViewer,
+  w as Message,
   d as PinchContent,
-  s as ShimmerButton,
+  T as ShimmerButton,
   I as TextAnimate,
   D as TxtEditor,
   p as TxtReader,