@lobehub/ui 3.4.2 → 3.4.3

package/es/chat/ChatList/type.d.mts

@@ -0,0 +1,103 @@
+import { DivProps } from "../../types/index.mjs";
+import { ActionIconGroupEvent, ActionIconGroupProps } from "../../ActionIconGroup/type.mjs";
+import "../../ActionIconGroup/index.mjs";
+import { AlertProps } from "../../Alert/type.mjs";
+import "../../Alert/index.mjs";
+import { LLMRoleType } from "../types/llm.mjs";
+import { ChatMessage } from "../types/chatMessage.mjs";
+import "../types/index.mjs";
+import { ChatItemProps } from "../ChatItem/type.mjs";
+import "../ChatItem/index.mjs";
+import { FC, ReactNode } from "react";
+
+//#region src/chat/ChatList/type.d.ts
+type OnMessageChange = (id: string, content: string) => void;
+type OnActionsClick = (action: ActionIconGroupEvent, message: ChatMessage) => void;
+type OnAvatatsClick = (role: RenderRole) => ChatItemProps['onAvatarClick'];
+type RenderRole = LLMRoleType | 'default' | string;
+type RenderItem = FC<{
+  key: string;
+} & ChatMessage & ListItemProps>;
+type RenderMessage = FC<ChatMessage & {
+  editableContent: ReactNode;
+}>;
+type RenderMessageExtra = FC<ChatMessage>;
+interface RenderErrorMessage {
+  Render?: FC<ChatMessage>;
+  config?: AlertProps;
+}
+type RenderAction = FC<ChatActionsBarProps & ChatMessage>;
+interface ListItemProps {
+  groupNav?: ChatItemProps['avatarAddon'];
+  loading?: boolean;
+  /**
+   * @description 点击操作按钮的回调函数
+   */
+  onActionsClick?: OnActionsClick;
+  onAvatarsClick?: OnAvatatsClick;
+  /**
+   * @description 消息变化的回调函数
+   */
+  onMessageChange?: OnMessageChange;
+  renderActions?: {
+    [actionKey: string]: RenderAction;
+  };
+  /**
+   * @description 渲染错误消息的函数
+   */
+  renderErrorMessages?: {
+    [errorType: 'default' | string]: RenderErrorMessage;
+  };
+  renderItems?: {
+    [role: RenderRole]: RenderItem;
+  };
+  /**
+   * @description 渲染消息的函数
+   */
+  renderMessages?: {
+    [role: RenderRole]: RenderMessage;
+  };
+  /**
+   * @description 渲染消息额外内容的函数
+   */
+  renderMessagesExtra?: {
+    [role: RenderRole]: RenderMessageExtra;
+  };
+  showAvatar?: boolean;
+  /**
+   * @description 是否显示聊天项的名称
+   * @default false
+   */
+  showTitle?: boolean;
+  /**
+   * @description 文本内容
+   */
+  text?: ChatItemProps['text'] & ChatActionsBarProps['text'] & {
+    copySuccess?: string;
+    history?: string;
+  } & {
+    [key: string]: string;
+  };
+  /**
+   * @description 聊天列表的类型
+   * @default 'chat'
+   */
+  variant?: 'docs' | 'bubble';
+}
+interface ChatListProps extends DivProps, ListItemProps {
+  data: ChatMessage[];
+  enableHistoryCount?: boolean;
+  historyCount?: number;
+  loadingId?: string;
+}
+interface ChatActionsBarProps extends ActionIconGroupProps {
+  text?: {
+    copy?: string;
+    delete?: string;
+    edit?: string;
+    regenerate?: string;
+  };
+}
+//#endregion
+export { ChatActionsBarProps, ChatListProps, ListItemProps, OnActionsClick, OnAvatatsClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, RenderRole };
+//# sourceMappingURL=type.d.mts.map

package/es/chat/EditableMessage/EditableMessage.d.mts

@@ -0,0 +1,8 @@
+import { EditableMessageProps } from "./type.mjs";
+import * as react122 from "react";
+
+//#region src/chat/EditableMessage/EditableMessage.d.ts
+declare const EditableMessage: react122.NamedExoticComponent<EditableMessageProps>;
+//#endregion
+export { EditableMessage };
+//# sourceMappingURL=EditableMessage.d.mts.map

package/es/chat/EditableMessage/EditableMessage.mjs

@@ -0,0 +1,80 @@
+'use client';
+
+import Markdown_default from "../../Markdown/Markdown.mjs";
+import MessageInput_default from "../MessageInput/MessageInput.mjs";
+import MessageModal_default from "../MessageModal/MessageModal.mjs";
+import { memo } from "react";
+import useMergeState from "use-merge-value";
+import { cx } from "antd-style";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/chat/EditableMessage/EditableMessage.tsx
+const EditableMessage = memo(({ value, onChange, classNames = {}, onEditingChange, editing, openModal, onOpenChange, placeholder, showEditWhenEmpty = false, styles: customStyles, className, style, height, variant, editButtonSize, text, fullFeaturedCodeBlock, model, fontSize, language = "markdown", markdownProps }) => {
+	const [isEdit, setTyping] = useMergeState(false, {
+		onChange: onEditingChange,
+		value: editing
+	});
+	const [expand, setExpand] = useMergeState(false, {
+		onChange: onOpenChange,
+		value: openModal
+	});
+	const isAutoSize = height === "auto";
+	const input = /* @__PURE__ */ jsx(MessageInput_default, {
+		className: cx(className, classNames?.input),
+		classNames,
+		defaultValue: value,
+		editButtonSize,
+		height,
+		language,
+		onCancel: () => setTyping(false),
+		onConfirm: (text$1) => {
+			onChange?.(text$1);
+			setTyping(false);
+		},
+		placeholder,
+		shortcut: true,
+		style: {
+			...style,
+			...customStyles?.input
+		},
+		styles: customStyles,
+		text,
+		variant
+	});
+	if (!value && showEditWhenEmpty) return input;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [!expand && isEdit ? input : /* @__PURE__ */ jsx(Markdown_default, {
+		className: cx(className, classNames?.markdown),
+		fontSize,
+		fullFeaturedCodeBlock,
+		style: {
+			height: isAutoSize ? "unset" : height,
+			...style,
+			...customStyles?.markdown
+		},
+		variant: "chat",
+		...markdownProps,
+		children: value || placeholder || ""
+	}), expand && /* @__PURE__ */ jsx(MessageModal_default, {
+		editing: isEdit,
+		extra: model?.extra,
+		footer: model?.footer,
+		height,
+		language,
+		onChange,
+		onEditingChange: setTyping,
+		onOpenChange: (e) => {
+			setExpand(e);
+			setTyping(false);
+		},
+		open: expand,
+		placeholder,
+		text,
+		value
+	})] });
+});
+EditableMessage.displayName = "EditableMessage";
+var EditableMessage_default = EditableMessage;
+
+//#endregion
+export { EditableMessage_default as default };
+//# sourceMappingURL=EditableMessage.mjs.map

package/es/chat/EditableMessage/EditableMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableMessage.mjs","names":["useControlledState","MessageInput","text","Markdown","MessageModal"],"sources":["../../../src/chat/EditableMessage/EditableMessage.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport Markdown from '@/Markdown';\nimport MessageInput from '@/chat/MessageInput';\nimport MessageModal from '@/chat/MessageModal';\n\nimport type { EditableMessageProps } from './type';\n\nconst EditableMessage = memo<EditableMessageProps>(\n  ({\n    value,\n    onChange,\n    classNames = {},\n    onEditingChange,\n    editing,\n    openModal,\n    onOpenChange,\n    placeholder,\n    showEditWhenEmpty = false,\n    styles: customStyles,\n    className,\n    style,\n    height,\n    variant,\n    editButtonSize,\n    text,\n    fullFeaturedCodeBlock,\n    model,\n    fontSize,\n    language = 'markdown',\n    markdownProps,\n  }) => {\n    const [isEdit, setTyping] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    const [expand, setExpand] = useControlledState<boolean>(false, {\n      onChange: onOpenChange,\n      value: openModal,\n    });\n\n    const isAutoSize = height === 'auto';\n\n    const input = (\n      <MessageInput\n        className={cx(className, classNames?.input)}\n        classNames={classNames}\n        defaultValue={value}\n        editButtonSize={editButtonSize}\n        height={height}\n        language={language}\n        onCancel={() => setTyping(false)}\n        onConfirm={(text) => {\n          onChange?.(text);\n          setTyping(false);\n        }}\n        placeholder={placeholder}\n        shortcut\n        style={{\n          ...style,\n          ...customStyles?.input,\n        }}\n        styles={customStyles}\n        text={text}\n        variant={variant}\n      />\n    );\n\n    if (!value && showEditWhenEmpty) return input;\n\n    return (\n      <>\n        {!expand && isEdit ? (\n          input\n        ) : (\n          <Markdown\n            className={cx(className, classNames?.markdown)}\n            fontSize={fontSize}\n            fullFeaturedCodeBlock={fullFeaturedCodeBlock}\n            style={{\n              height: isAutoSize ? 'unset' : height,\n              ...style,\n              ...customStyles?.markdown,\n            }}\n            variant={'chat'}\n            {...markdownProps}\n          >\n            {value || placeholder || ''}\n          </Markdown>\n        )}\n        {expand && (\n          <MessageModal\n            editing={isEdit}\n            extra={model?.extra}\n            footer={model?.footer}\n            height={height}\n            language={language}\n            onChange={onChange}\n            onEditingChange={setTyping}\n            onOpenChange={(e) => {\n              setExpand(e);\n              setTyping(false);\n            }}\n            open={expand}\n            placeholder={placeholder}\n            text={text}\n            value={value}\n          />\n        )}\n      </>\n    );\n  },\n);\n\nEditableMessage.displayName = 'EditableMessage';\n\nexport default EditableMessage;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,kBAAkB,MACrB,EACC,OACA,UACA,aAAa,EAAE,EACf,iBACA,SACA,WACA,cACA,aACA,oBAAoB,OACpB,QAAQ,cACR,WACA,OACA,QACA,SACA,gBACA,MACA,uBACA,OACA,UACA,WAAW,YACX,oBACI;CACJ,MAAM,CAAC,QAAQ,aAAaA,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,QAAQ,aAAaA,cAA4B,OAAO;EAC7D,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,aAAa,WAAW;CAE9B,MAAM,QACJ,oBAACC;EACC,WAAW,GAAG,WAAW,YAAY,MAAM;EAC/B;EACZ,cAAc;EACE;EACR;EACE;EACV,gBAAgB,UAAU,MAAM;EAChC,YAAY,WAAS;AACnB,cAAWC,OAAK;AAChB,aAAU,MAAM;;EAEL;EACb;EACA,OAAO;GACL,GAAG;GACH,GAAG,cAAc;GAClB;EACD,QAAQ;EACF;EACG;GACT;AAGJ,KAAI,CAAC,SAAS,kBAAmB,QAAO;AAExC,QACE,8CACG,CAAC,UAAU,SACV,QAEA,oBAACC;EACC,WAAW,GAAG,WAAW,YAAY,SAAS;EACpC;EACa;EACvB,OAAO;GACL,QAAQ,aAAa,UAAU;GAC/B,GAAG;GACH,GAAG,cAAc;GAClB;EACD,SAAS;EACT,GAAI;YAEH,SAAS,eAAe;GAChB,EAEZ,UACC,oBAACC;EACC,SAAS;EACT,OAAO,OAAO;EACd,QAAQ,OAAO;EACP;EACE;EACA;EACV,iBAAiB;EACjB,eAAe,MAAM;AACnB,aAAU,EAAE;AACZ,aAAU,MAAM;;EAElB,MAAM;EACO;EACP;EACC;GACP,IAEH;EAGR;AAED,gBAAgB,cAAc;AAE9B,8BAAe"}

package/es/chat/EditableMessage/index.d.mts

@@ -0,0 +1,2 @@
+import { EditableMessageProps } from "./type.mjs";
+import { EditableMessage } from "./EditableMessage.mjs";

package/es/chat/EditableMessage/type.d.mts

@@ -0,0 +1,45 @@
+import { MarkdownProps } from "../../Markdown/type.mjs";
+import "../../Markdown/index.mjs";
+import { MessageInputProps } from "../MessageInput/type.mjs";
+import "../MessageInput/index.mjs";
+import { MessageModalProps } from "../MessageModal/type.mjs";
+import "../MessageModal/index.mjs";
+import { CSSProperties } from "react";
+
+//#region src/chat/EditableMessage/type.d.ts
+interface EditableMessageProps {
+  className?: string;
+  classNames?: MessageInputProps['classNames'] & {
+    input?: string;
+    markdown?: string;
+  };
+  defaultValue?: string;
+  editButtonSize?: MessageInputProps['editButtonSize'];
+  editing?: boolean;
+  fontSize?: number;
+  fullFeaturedCodeBlock?: boolean;
+  height?: MessageInputProps['height'];
+  language?: MessageInputProps['language'];
+  markdownProps?: Omit<MarkdownProps, 'className' | 'style' | 'children'>;
+  model?: {
+    extra?: MessageModalProps['extra'];
+    footer?: MessageModalProps['footer'];
+  };
+  onChange?: (value: string) => void;
+  onEditingChange?: (editing: boolean) => void;
+  onOpenChange?: (open: boolean) => void;
+  openModal?: boolean;
+  placeholder?: string;
+  showEditWhenEmpty?: boolean;
+  style?: CSSProperties;
+  styles?: MessageInputProps['styles'] & {
+    input?: CSSProperties;
+    markdown?: CSSProperties;
+  };
+  text?: MessageModalProps['text'];
+  value: string;
+  variant?: MessageInputProps['variant'];
+}
+//#endregion
+export { EditableMessageProps };
+//# sourceMappingURL=type.d.mts.map

package/es/chat/EditableMessageList/EditableMessageList.d.mts

@@ -0,0 +1,8 @@
+import { EditableMessageListProps } from "./type.mjs";
+import * as react124 from "react";
+
+//#region src/chat/EditableMessageList/EditableMessageList.d.ts
+declare const EditableMessageList: react124.NamedExoticComponent<EditableMessageListProps>;
+//#endregion
+export { EditableMessageList };
+//# sourceMappingURL=EditableMessageList.d.mts.map

package/es/chat/EditableMessageList/EditableMessageList.mjs

@@ -0,0 +1,101 @@
+'use client';
+
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
+import Button_default from "../../Button/Button.mjs";
+import ControlInput_default from "../../EditableText/ControlInput.mjs";
+import Select_default from "../../Select/Select.mjs";
+import { messagesReducer } from "./messageReducer.mjs";
+import { memo, useEffect, useReducer } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, Trash } from "lucide-react";
+import isEqual from "fast-deep-equal";
+
+//#region src/chat/EditableMessageList/EditableMessageList.tsx
+const EditableMessageList = memo(({ disabled, dataSources, onChange }) => {
+	const [chatMessages, dispatch] = useReducer(messagesReducer, dataSources);
+	useEffect(() => {
+		if (!isEqual(dataSources, chatMessages)) onChange?.(chatMessages);
+	}, [chatMessages]);
+	return dataSources ? /* @__PURE__ */ jsxs(FlexBasic_default, {
+		gap: 12,
+		children: [chatMessages.map((item, index) => /* @__PURE__ */ jsxs(FlexBasic_default, {
+			align: "center",
+			gap: 8,
+			horizontal: true,
+			width: "100%",
+			children: [
+				/* @__PURE__ */ jsx(Select_default, {
+					disabled,
+					onChange: (value) => {
+						dispatch({
+							index,
+							role: value,
+							type: "updateMessageRole"
+						});
+					},
+					options: [
+						{
+							label: "System",
+							value: "system"
+						},
+						{
+							label: "Input",
+							value: "user"
+						},
+						{
+							label: "Output",
+							value: "assistant"
+						}
+					],
+					style: { width: 120 },
+					styles: { popup: { root: { zIndex: 100 } } },
+					value: item.role
+				}),
+				/* @__PURE__ */ jsx(ControlInput_default, {
+					disabled,
+					onChange: (e) => {
+						dispatch({
+							index,
+							message: e,
+							type: "updateMessage"
+						});
+					},
+					placeholder: item.role === "user" ? "请填入输入的样例内容" : "请填入输出的样例",
+					value: item.content
+				}),
+				/* @__PURE__ */ jsx(ActionIcon_default, {
+					icon: Trash,
+					onClick: () => {
+						dispatch({
+							index,
+							type: "deleteMessage"
+						});
+					},
+					title: "Delete",
+					variant: "filled"
+				})
+			]
+		}, `${index}-${item.content}`)), /* @__PURE__ */ jsx(Button_default, {
+			block: true,
+			disabled,
+			icon: Plus,
+			onClick: () => {
+				dispatch({
+					message: {
+						content: "",
+						role: chatMessages.at(-1)?.role === "user" ? "assistant" : "user"
+					},
+					type: "addMessage"
+				});
+			},
+			children: "Add Props"
+		})]
+	}) : void 0;
+}, isEqual);
+EditableMessageList.displayName = "EditableMessageList";
+var EditableMessageList_default = EditableMessageList;
+
+//#endregion
+export { EditableMessageList_default as default };
+//# sourceMappingURL=EditableMessageList.mjs.map

package/es/chat/EditableMessageList/EditableMessageList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableMessageList.mjs","names":["Flexbox","Select","ControlInput","ActionIcon","Button"],"sources":["../../../src/chat/EditableMessageList/EditableMessageList.tsx"],"sourcesContent":["'use client';\n\nimport isEqual from 'fast-deep-equal';\nimport { Plus, Trash } from 'lucide-react';\nimport { memo, useEffect, useReducer } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport Button from '@/Button';\nimport ControlInput from '@/EditableText/ControlInput';\nimport { Flexbox } from '@/Flex';\nimport Select from '@/Select';\n\nimport { messagesReducer } from './messageReducer';\nimport type { EditableMessageListProps } from './type';\n\nconst EditableMessageList = memo<EditableMessageListProps>(\n  ({ disabled, dataSources, onChange }) => {\n    const [chatMessages, dispatch] = useReducer(messagesReducer, dataSources);\n\n    useEffect(() => {\n      if (!isEqual(dataSources, chatMessages)) {\n        onChange?.(chatMessages);\n      }\n    }, [chatMessages]);\n\n    return dataSources ? (\n      <Flexbox gap={12}>\n        {chatMessages.map((item, index) => (\n          <Flexbox\n            align={'center'}\n            gap={8}\n            horizontal\n            key={`${index}-${item.content}`}\n            width={'100%'}\n          >\n            <Select\n              disabled={disabled}\n              onChange={(value) => {\n                dispatch({ index, role: value, type: 'updateMessageRole' });\n              }}\n              options={[\n                { label: 'System', value: 'system' },\n                { label: 'Input', value: 'user' },\n                { label: 'Output', value: 'assistant' },\n              ]}\n              style={{ width: 120 }}\n              styles={{ popup: { root: { zIndex: 100 } } }}\n              value={item.role}\n            />\n            <ControlInput\n              disabled={disabled}\n              onChange={(e) => {\n                dispatch({ index, message: e, type: 'updateMessage' });\n              }}\n              placeholder={item.role === 'user' ? '请填入输入的样例内容' : '请填入输出的样例'}\n              value={item.content}\n            />\n            <ActionIcon\n              icon={Trash}\n              onClick={() => {\n                dispatch({ index, type: 'deleteMessage' });\n              }}\n              title=\"Delete\"\n              variant={'filled'}\n            />\n          </Flexbox>\n        ))}\n\n        <Button\n          block\n          disabled={disabled}\n          icon={Plus}\n          onClick={() => {\n            const lastMeg = chatMessages.at(-1);\n\n            dispatch({\n              message: { content: '', role: lastMeg?.role === 'user' ? 'assistant' : 'user' },\n              type: 'addMessage',\n            });\n          }}\n        >\n          Add Props\n        </Button>\n      </Flexbox>\n    ) : undefined;\n  },\n  isEqual,\n);\n\nEditableMessageList.displayName = 'EditableMessageList';\n\nexport default EditableMessageList;\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,sBAAsB,MACzB,EAAE,UAAU,aAAa,eAAe;CACvC,MAAM,CAAC,cAAc,YAAY,WAAW,iBAAiB,YAAY;AAEzE,iBAAgB;AACd,MAAI,CAAC,QAAQ,aAAa,aAAa,CACrC,YAAW,aAAa;IAEzB,CAAC,aAAa,CAAC;AAElB,QAAO,cACL,qBAACA;EAAQ,KAAK;aACX,aAAa,KAAK,MAAM,UACvB,qBAACA;GACC,OAAO;GACP,KAAK;GACL;GAEA,OAAO;;IAEP,oBAACC;KACW;KACV,WAAW,UAAU;AACnB,eAAS;OAAE;OAAO,MAAM;OAAO,MAAM;OAAqB,CAAC;;KAE7D,SAAS;MACP;OAAE,OAAO;OAAU,OAAO;OAAU;MACpC;OAAE,OAAO;OAAS,OAAO;OAAQ;MACjC;OAAE,OAAO;OAAU,OAAO;OAAa;MACxC;KACD,OAAO,EAAE,OAAO,KAAK;KACrB,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,KAAK,EAAE,EAAE;KAC5C,OAAO,KAAK;MACZ;IACF,oBAACC;KACW;KACV,WAAW,MAAM;AACf,eAAS;OAAE;OAAO,SAAS;OAAG,MAAM;OAAiB,CAAC;;KAExD,aAAa,KAAK,SAAS,SAAS,eAAe;KACnD,OAAO,KAAK;MACZ;IACF,oBAACC;KACC,MAAM;KACN,eAAe;AACb,eAAS;OAAE;OAAO,MAAM;OAAiB,CAAC;;KAE5C,OAAM;KACN,SAAS;MACT;;KAhCG,GAAG,MAAM,GAAG,KAAK,UAiCd,CACV,EAEF,oBAACC;GACC;GACU;GACV,MAAM;GACN,eAAe;AAGb,aAAS;KACP,SAAS;MAAE,SAAS;MAAI,MAHV,aAAa,GAAG,GAAG,EAGM,SAAS,SAAS,cAAc;MAAQ;KAC/E,MAAM;KACP,CAAC;;aAEL;IAEQ;GACD,GACR;GAEN,QACD;AAED,oBAAoB,cAAc;AAElC,kCAAe"}

package/es/chat/EditableMessageList/index.d.mts

@@ -0,0 +1,2 @@
+import { EditableMessageListProps } from "./type.mjs";
+import { EditableMessageList } from "./EditableMessageList.mjs";

package/es/chat/EditableMessageList/messageReducer.mjs

@@ -0,0 +1,44 @@
+import { produce } from "immer";
+
+//#region src/chat/EditableMessageList/messageReducer.ts
+const messagesReducer = (state, payload) => {
+	switch (payload.type) {
+		case "addMessage": return [...state, payload.message];
+		case "insertMessage": return produce(state, (draftState) => {
+			draftState.splice(payload.index, 0, payload.message);
+		});
+		case "deleteMessage": return state.filter((_, index) => index !== payload.index);
+		case "resetMessages": return [];
+		case "updateMessage": return produce(state, (draftState) => {
+			const { index, message } = payload;
+			draftState[index].content = message;
+		});
+		case "updateMessageRole": return produce(state, (draftState) => {
+			const { index, role } = payload;
+			draftState[index].role = role;
+		});
+		case "addUserMessage": return produce(state, (draftState) => {
+			draftState.push({
+				content: payload.message,
+				role: "user"
+			});
+		});
+		case "updateLatestBotMessage": return produce(state, () => {
+			const { responseStream } = payload;
+			const newMessage = {
+				content: responseStream.join(""),
+				role: "assistant"
+			};
+			return [...state.slice(0, -1), newMessage];
+		});
+		case "setErrorMessage": return produce(state, (draftState) => {
+			const { index, error } = payload;
+			draftState[index].error = error;
+		});
+		default: throw new Error("暂未实现的 type，请检查 reducer");
+	}
+};
+
+//#endregion
+export { messagesReducer };
+//# sourceMappingURL=messageReducer.mjs.map

package/es/chat/EditableMessageList/messageReducer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageReducer.mjs","names":[],"sources":["../../../src/chat/EditableMessageList/messageReducer.ts"],"sourcesContent":["import { produce } from 'immer';\n\nimport type { ChatMessageError, LLMMessage, LLMRoleType } from '@/chat/types';\n\nexport type MessageDispatch =\n  | { message: LLMMessage; type: 'addMessage' }\n  | { index: number; message: LLMMessage; type: 'insertMessage' }\n  | { index: number; type: 'deleteMessage' }\n  | { type: 'resetMessages' }\n  | { index: number; message: string; type: 'updateMessage' }\n  | { index: number; role: LLMRoleType; type: 'updateMessageRole' }\n  //\n  | { message: string; type: 'addUserMessage' }\n  | { responseStream: string[]; type: 'updateLatestBotMessage' }\n  | { index: number; message: string; type: 'updateMessageChoice' }\n  | {\n      error: ChatMessageError | undefined;\n      index: number;\n      type: 'setErrorMessage';\n    };\n\nexport const messagesReducer = (state: LLMMessage[], payload: MessageDispatch): LLMMessage[] => {\n  switch (payload.type) {\n    case 'addMessage': {\n      return [...state, payload.message];\n    }\n\n    case 'insertMessage': {\n      return produce(state, (draftState) => {\n        draftState.splice(payload.index, 0, payload.message);\n      });\n    }\n\n    case 'deleteMessage': {\n      return state.filter((_, index) => index !== payload.index);\n    }\n    case 'resetMessages': {\n      return [];\n    }\n\n    case 'updateMessage': {\n      return produce(state, (draftState) => {\n        const { index, message } = payload;\n\n        draftState[index].content = message;\n      });\n    }\n    case 'updateMessageRole': {\n      return produce(state, (draftState) => {\n        const { index, role } = payload;\n\n        draftState[index].role = role;\n      });\n    }\n\n    case 'addUserMessage': {\n      return produce(state, (draftState) => {\n        draftState.push({ content: payload.message, role: 'user' });\n      });\n    }\n\n    case 'updateLatestBotMessage': {\n      return produce(state, () => {\n        const { responseStream } = payload;\n        const newMessage = { content: responseStream.join(''), role: 'assistant' };\n\n        return [...state.slice(0, -1), newMessage];\n      });\n    }\n\n    case 'setErrorMessage': {\n      return produce(state, (draftState) => {\n        const { index, error } = payload;\n\n        // @ts-ignore\n        draftState[index].error = error;\n      });\n    }\n\n    default: {\n      throw new Error('暂未实现的 type，请检查 reducer');\n    }\n  }\n};\n"],"mappings":";;;AAqBA,MAAa,mBAAmB,OAAqB,YAA2C;AAC9F,SAAQ,QAAQ,MAAhB;EACE,KAAK,aACH,QAAO,CAAC,GAAG,OAAO,QAAQ,QAAQ;EAGpC,KAAK,gBACH,QAAO,QAAQ,QAAQ,eAAe;AACpC,cAAW,OAAO,QAAQ,OAAO,GAAG,QAAQ,QAAQ;IACpD;EAGJ,KAAK,gBACH,QAAO,MAAM,QAAQ,GAAG,UAAU,UAAU,QAAQ,MAAM;EAE5D,KAAK,gBACH,QAAO,EAAE;EAGX,KAAK,gBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,YAAY;AAE3B,cAAW,OAAO,UAAU;IAC5B;EAEJ,KAAK,oBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,SAAS;AAExB,cAAW,OAAO,OAAO;IACzB;EAGJ,KAAK,iBACH,QAAO,QAAQ,QAAQ,eAAe;AACpC,cAAW,KAAK;IAAE,SAAS,QAAQ;IAAS,MAAM;IAAQ,CAAC;IAC3D;EAGJ,KAAK,yBACH,QAAO,QAAQ,aAAa;GAC1B,MAAM,EAAE,mBAAmB;GAC3B,MAAM,aAAa;IAAE,SAAS,eAAe,KAAK,GAAG;IAAE,MAAM;IAAa;AAE1E,UAAO,CAAC,GAAG,MAAM,MAAM,GAAG,GAAG,EAAE,WAAW;IAC1C;EAGJ,KAAK,kBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,UAAU;AAGzB,cAAW,OAAO,QAAQ;IAC1B;EAGJ,QACE,OAAM,IAAI,MAAM,yBAAyB"}

package/es/chat/EditableMessageList/type.d.mts

@@ -0,0 +1,12 @@
+import { LLMMessage } from "../types/llm.mjs";
+import "../types/index.mjs";
+
+//#region src/chat/EditableMessageList/type.d.ts
+interface EditableMessageListProps {
+  dataSources: LLMMessage[];
+  disabled?: boolean;
+  onChange?: (chatMessages: LLMMessage[]) => void;
+}
+//#endregion
+export { EditableMessageListProps };
+//# sourceMappingURL=type.d.mts.map

package/es/chat/LoadingDots/LoadingDots.d.mts

@@ -0,0 +1,8 @@
+import { LoadingDotsProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/chat/LoadingDots/LoadingDots.d.ts
+declare const LoadingDots: FC<LoadingDotsProps>;
+//#endregion
+export { LoadingDots };
+//# sourceMappingURL=LoadingDots.d.mts.map

package/es/chat/LoadingDots/LoadingDots.mjs

@@ -0,0 +1,89 @@
+'use client';
+
+import { useStyles } from "./style.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/chat/LoadingDots/LoadingDots.tsx
+const LoadingDots = ({ size = 8, color, variant = "dots", className }) => {
+	const { styles, cx } = useStyles({
+		color,
+		size
+	});
+	const renderDots = () => {
+		switch (variant) {
+			case "pulse": return /* @__PURE__ */ jsx("div", {
+				className: styles.pulseDot,
+				style: { animationDelay: "0s" }
+			});
+			case "wave": return /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: styles.waveDot,
+					style: { animationDelay: "0s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.waveDot,
+					style: { animationDelay: "0.12s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.waveDot,
+					style: { animationDelay: "0.24s" }
+				})
+			] });
+			case "orbit": return /* @__PURE__ */ jsxs("div", {
+				className: styles.orbitContainer,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: styles.orbitDot,
+						style: { animationDelay: "0s" }
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: styles.orbitDot,
+						style: { animationDelay: "-0.4s" }
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: styles.orbitDot,
+						style: { animationDelay: "-0.8s" }
+					})
+				]
+			});
+			case "typing": return /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: styles.typingDot,
+					style: { animationDelay: "0s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.typingDot,
+					style: { animationDelay: "0.15s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.typingDot,
+					style: { animationDelay: "0.3s" }
+				})
+			] });
+			default: return /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: styles.defaultDot,
+					style: { animationDelay: "0s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.defaultDot,
+					style: { animationDelay: "0.15s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.defaultDot,
+					style: { animationDelay: "0.3s" }
+				})
+			] });
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(variant === "orbit" ? styles.orbitWrapper : styles.container, className),
+		children: renderDots()
+	});
+};
+LoadingDots.displayName = "LoadingDots";
+var LoadingDots_default = LoadingDots;
+
+//#endregion
+export { LoadingDots_default as default };
+//# sourceMappingURL=LoadingDots.mjs.map

package/es/chat/LoadingDots/LoadingDots.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDots.mjs","names":["LoadingDots: FC<LoadingDotsProps>"],"sources":["../../../src/chat/LoadingDots/LoadingDots.tsx"],"sourcesContent":["'use client';\n\nimport { type FC } from 'react';\n\nimport { useStyles } from './style';\nimport type { LoadingDotsProps } from './type';\n\nconst LoadingDots: FC<LoadingDotsProps> = ({ size = 8, color, variant = 'dots', className }) => {\n  const { styles, cx } = useStyles({ color, size });\n\n  const renderDots = () => {\n    switch (variant) {\n      case 'pulse': {\n        return <div className={styles.pulseDot} style={{ animationDelay: '0s' }} />;\n      }\n\n      case 'wave': {\n        return (\n          <>\n            <div className={styles.waveDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.waveDot} style={{ animationDelay: '0.12s' }} />\n            <div className={styles.waveDot} style={{ animationDelay: '0.24s' }} />\n          </>\n        );\n      }\n\n      case 'orbit': {\n        return (\n          <div className={styles.orbitContainer}>\n            <div className={styles.orbitDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.4s' }} />\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.8s' }} />\n          </div>\n        );\n      }\n\n      case 'typing': {\n        return (\n          <>\n            <div className={styles.typingDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.typingDot} style={{ animationDelay: '0.15s' }} />\n            <div className={styles.typingDot} style={{ animationDelay: '0.3s' }} />\n          </>\n        );\n      }\n\n      default: {\n        return (\n          <>\n            <div className={styles.defaultDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.defaultDot} style={{ animationDelay: '0.15s' }} />\n            <div className={styles.defaultDot} style={{ animationDelay: '0.3s' }} />\n          </>\n        );\n      }\n    }\n  };\n\n  return (\n    <div className={cx(variant === 'orbit' ? styles.orbitWrapper : styles.container, className)}>\n      {renderDots()}\n    </div>\n  );\n};\n\nLoadingDots.displayName = 'LoadingDots';\n\nexport default LoadingDots;\n"],"mappings":";;;;;;AAOA,MAAMA,eAAqC,EAAE,OAAO,GAAG,OAAO,UAAU,QAAQ,gBAAgB;CAC9F,MAAM,EAAE,QAAQ,OAAO,UAAU;EAAE;EAAO;EAAM,CAAC;CAEjD,MAAM,mBAAmB;AACvB,UAAQ,SAAR;GACE,KAAK,QACH,QAAO,oBAAC;IAAI,WAAW,OAAO;IAAU,OAAO,EAAE,gBAAgB,MAAM;KAAI;GAG7E,KAAK,OACH,QACE;IACE,oBAAC;KAAI,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,MAAM;MAAI;IACnE,oBAAC;KAAI,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,SAAS;MAAI;IACtE,oBAAC;KAAI,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,SAAS;MAAI;OACrE;GAIP,KAAK,QACH,QACE,qBAAC;IAAI,WAAW,OAAO;;KACrB,oBAAC;MAAI,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,MAAM;OAAI;KACpE,oBAAC;MAAI,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,SAAS;OAAI;KACvE,oBAAC;MAAI,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,SAAS;OAAI;;KACnE;GAIV,KAAK,SACH,QACE;IACE,oBAAC;KAAI,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,MAAM;MAAI;IACrE,oBAAC;KAAI,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,SAAS;MAAI;IACxE,oBAAC;KAAI,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,QAAQ;MAAI;OACtE;GAIP,QACE,QACE;IACE,oBAAC;KAAI,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,MAAM;MAAI;IACtE,oBAAC;KAAI,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,SAAS;MAAI;IACzE,oBAAC;KAAI,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,QAAQ;MAAI;OACvE;;;AAMX,QACE,oBAAC;EAAI,WAAW,GAAG,YAAY,UAAU,OAAO,eAAe,OAAO,WAAW,UAAU;YACxF,YAAY;GACT;;AAIV,YAAY,cAAc;AAE1B,0BAAe"}

package/es/chat/LoadingDots/index.d.mts

@@ -0,0 +1,2 @@
+import { LoadingDotsProps, LoadingDotsVariant } from "./type.mjs";
+import { LoadingDots } from "./LoadingDots.mjs";