listpage-next 0.0.236 → 0.0.238

package/dist/components/Card/index.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 export interface CardProps {
-    title: string;
+    title: ReactNode;
     extra?: ReactNode;
     bordered?: boolean;
     children?: ReactNode;

package/dist/features/ChatClient/ui/Bubble/Bubble.d.ts

@@ -11,7 +11,8 @@ export type BubbleProps = {
     references?: ReferenceListProps['references'];
     placement?: 'start' | 'end';
     role?: 'user' | 'assistant';
-    markdownRender?: (text: string) => ReactNode;
+    status?: 'pending' | 'success' | 'error';
+    markdownRender?: (text: string, status: BubbleProps['status']) => ReactNode;
     reasoningMarkdownRender?: (text: string) => ReactNode;
 };
 export declare const Bubble: (props: BubbleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/features/ChatClient/ui/Bubble/Bubble.js

@@ -6,16 +6,17 @@ import { Markdown } from "./Markdown.js";
 import { Reasoning } from "./Reasoning.js";
 import { ReferenceList } from "./ReferenceList.js";
 const Bubble = (props)=>{
-    const { className, content, reasoning_content, extra, feedback, markdownRender, reasoningMarkdownRender = markdownRender, references, suggests, role = 'user', placement = 'user' === role ? 'end' : 'start', showFeedback = (hovered)=>hovered } = props;
+    const { className, content, reasoning_content, extra, feedback, markdownRender, reasoningMarkdownRender = markdownRender, references, suggests, role = 'user', status, placement = 'user' === role ? 'end' : 'start', showFeedback = (hovered)=>hovered } = props;
     const containerRef = useRef(null);
     const feedbackRef = useRef(null);
     const containerHovered = useHover(containerRef);
     const feedbackHovered = useHover(feedbackRef);
     const hovered = containerHovered || feedbackHovered;
-    const messageMarkdownEle = markdownRender ? markdownRender(content || '') : /*#__PURE__*/ jsx(Markdown, {
-        content: content || ''
+    const cursorPlaceholder = 'pending' === status && 'assistant' === role ? '<placeholder type="pending" />' : '';
+    const messageMarkdownEle = markdownRender ? markdownRender(content || '', status) : /*#__PURE__*/ jsx(Markdown, {
+        content: (content || '') + cursorPlaceholder
     });
-    const reasoningMarkdownEle = reasoningMarkdownRender ? reasoningMarkdownRender(reasoning_content || '') : /*#__PURE__*/ jsx(Markdown, {
+    const reasoningMarkdownEle = reasoningMarkdownRender ? reasoningMarkdownRender(reasoning_content || '', status) : /*#__PURE__*/ jsx(Markdown, {
         content: reasoning_content || ''
     });
     const message = 'user' === role ? /*#__PURE__*/ jsx(UserContentWrapper, {

package/dist/features/ChatClient/ui/ConversationDropdownMenu/index.js

@@ -4,7 +4,7 @@ import { PageLoading } from "../../../../components/index.js";
 import { useRequest } from "ahooks";
 import { Button, Dropdown, Tooltip } from "antd";
 import styled_components from "styled-components";
-import dayjs from "dayjs";
+import { getConversationsGroup } from "./utils.js";
 const ConversationDropdownMenu = (props)=>{
     const { request, onSelect, onDelete, activeKey } = props;
     const { data, run: refresh, loading, mutate } = useRequest(()=>request(), {
@@ -40,43 +40,7 @@ const ConversationDropdownMenu = (props)=>{
                 if (item.id !== activeKey) onSelect?.(item);
             }
         });
-    const now = dayjs();
-    const startOfWeek = now.startOf('day').subtract(now.day(), 'day');
-    const getTime = (it)=>it.updatedAt || it.createdAt || it.time || it.date || void 0;
-    const list = data?.list ?? [];
-    const isToday = (t)=>dayjs(t).isSame(now, 'day');
-    const isYesterday = (t)=>dayjs(t).isSame(now.clone().subtract(1, 'day'), 'day');
-    const inWeek = (t)=>{
-        const d = dayjs(t);
-        return d.isAfter(startOfWeek) || d.isSame(startOfWeek, 'day');
-    };
-    const inMonth = (t)=>dayjs(t).isSame(now, 'month');
-    const today = list.filter((it)=>{
-        const t = getTime(it);
-        if (!t) return false;
-        return isToday(t);
-    });
-    const yesterday = list.filter((it)=>{
-        const t = getTime(it);
-        if (!t) return false;
-        return isYesterday(t);
-    });
-    const week = list.filter((it)=>{
-        const t = getTime(it);
-        if (!t) return false;
-        return inWeek(t) && !isToday(t) && !isYesterday(t);
-    });
-    const month = list.filter((it)=>{
-        const t = getTime(it);
-        if (!t) return false;
-        return inMonth(t) && !inWeek(t) && !isToday(t) && !isYesterday(t);
-    });
-    const groups = {
-        今天: today,
-        昨天: yesterday,
-        本周内: week,
-        本月内: month
-    };
+    const groups = getConversationsGroup(data?.list ?? []);
     const groupEntries = Object.entries(groups).filter(([_, arr])=>arr.length);
     const menus = [];
     groupEntries.forEach(([label, arr], index)=>{

package/dist/features/ChatClient/ui/ConversationDropdownMenu/utils.d.ts

@@ -0,0 +1 @@
+export declare function getConversationsGroup<T>(list: T[]): Record<string, T[]>;

package/dist/features/ChatClient/ui/ConversationDropdownMenu/utils.js

@@ -0,0 +1,36 @@
+import dayjs from "dayjs";
+function getConversationsGroup(list) {
+    const now = dayjs();
+    const startOfWeek = now.startOf('day').subtract(now.day(), 'day');
+    const getTime = (it)=>it.updatedAt || it.createdAt || it.time || it.date || void 0;
+    const isToday = (t)=>dayjs(t).isSame(now, 'day');
+    const isYesterday = (t)=>dayjs(t).isSame(now.clone().subtract(1, 'day'), 'day');
+    const inWeek = (t)=>{
+        const d = dayjs(t);
+        return d.isAfter(startOfWeek) || d.isSame(startOfWeek, 'day');
+    };
+    const inMonth = (t)=>dayjs(t).isSame(now, 'month');
+    const today = [];
+    const yesterday = [];
+    const week = [];
+    const month = [];
+    const year = [];
+    list.forEach((it)=>{
+        const t = getTime(it);
+        if (!t) return;
+        if (isToday(t)) return void today.push(it);
+        if (isYesterday(t)) return void yesterday.push(it);
+        if (inWeek(t)) return void week.push(it);
+        if (inMonth(t)) return void month.push(it);
+        if (dayjs(t).isSame(now, 'year')) return void year.push(it);
+    });
+    const groups = {
+        今天: today,
+        昨天: yesterday,
+        本周内: week,
+        本月内: month,
+        今年内: year
+    };
+    return groups;
+}
+export { getConversationsGroup };

package/dist/features/JsonEditor/CodeEditor.d.ts

@@ -0,0 +1,6 @@
+interface CodeEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+}
+export declare const CodeEditor: ({ value, onChange }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/JsonEditor/CodeEditor.js

@@ -0,0 +1,122 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import styled_components from "styled-components";
+import { highlightJson } from "./utils.js";
+const EditorContainer = styled_components.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    'Liberation Mono', 'Courier New', monospace;
+  font-size: 0.875rem;
+  overflow: hidden;
+  background: #0d1117;
+`;
+const LineNumbers = styled_components.pre`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 56px;
+  margin: 0;
+  padding: 1rem 0.75rem;
+  pointer-events: none;
+  white-space: pre;
+  overflow: hidden;
+  color: #6b7280;
+  text-align: right;
+  user-select: none;
+  line-height: 1.625;
+`;
+const HighlightedPre = styled_components.pre`
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: 0;
+  padding: 1rem 1rem 1rem 3.5rem;
+  pointer-events: none;
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow: hidden;
+  line-height: 1.625;
+
+  span.json-token.key {
+    color: #7dd3fc;
+  }
+  span.json-token.string {
+    color: #6ee7b7;
+  }
+  span.json-token.boolean {
+    color: #d8b4fe;
+  }
+  span.json-token.null {
+    color: #fb7185;
+  }
+  span.json-token.number {
+    color: #fdba74;
+  }
+`;
+const TextAreaOverlay = styled_components.textarea`
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 1rem 1rem 1rem 3.5rem;
+  background: transparent;
+  color: transparent;
+  caret-color: #ffffff;
+  outline: none;
+  resize: none;
+  white-space: pre-wrap;
+  overflow: auto;
+  z-index: 10;
+  transition: color 0.2s ease;
+`;
+const CodeEditor = ({ value, onChange })=>{
+    const textareaRef = useRef(null);
+    const preRef = useRef(null);
+    const lineRef = useRef(null);
+    const handleScroll = ()=>{
+        if (textareaRef.current) {
+            if (preRef.current) {
+                preRef.current.scrollTop = textareaRef.current.scrollTop;
+                preRef.current.scrollLeft = textareaRef.current.scrollLeft;
+            }
+            if (lineRef.current) lineRef.current.scrollTop = textareaRef.current.scrollTop;
+        }
+    };
+    const lineCount = value ? value.split('\n').length : 1;
+    const lineNumbers = Array.from({
+        length: lineCount
+    }, (_, i)=>`${i + 1}`).join('\n');
+    return /*#__PURE__*/ jsxs(EditorContainer, {
+        children: [
+            /*#__PURE__*/ jsx(LineNumbers, {
+                ref: lineRef,
+                "aria-hidden": "true",
+                children: lineNumbers
+            }),
+            /*#__PURE__*/ jsx(HighlightedPre, {
+                ref: preRef,
+                "aria-hidden": "true",
+                dangerouslySetInnerHTML: {
+                    __html: highlightJson(value) + '<br>'
+                }
+            }),
+            /*#__PURE__*/ jsx(TextAreaOverlay, {
+                ref: textareaRef,
+                value: value,
+                onChange: (e)=>onChange(e.target.value),
+                onScroll: handleScroll,
+                spellCheck: false,
+                placeholder: "在这里输入 JSON..."
+            })
+        ]
+    });
+};
+export { CodeEditor };

package/dist/features/JsonEditor/ErrorMessage.d.ts

@@ -0,0 +1,3 @@
+export declare const ErrorMessage: (props: {
+    error?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/features/JsonEditor/ErrorMessage.js

@@ -0,0 +1,67 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { WarningOutlined } from "@ant-design/icons";
+import { Tooltip } from "antd";
+import styled_components from "styled-components";
+const ErrorContent = styled_components.div`
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+  text-align: center;
+  color: #ef4444;
+  border-radius: 8px;
+`;
+const ErrorIconSvg = styled_components.svg`
+  width: 3rem;
+  height: 3rem;
+  margin-bottom: 1rem;
+`;
+const ErrorTitle = styled_components.h3`
+  font-size: 1.125rem;
+  font-weight: 700;
+  margin-bottom: 0.5rem;
+`;
+const ErrorText = styled_components.p`
+  font-size: 0.875rem;
+  word-break: break-all;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    'Liberation Mono', 'Courier New', monospace;
+`;
+const StyledWarningIcon = styled_components(WarningOutlined)`
+  color: red;
+  font-size: 14px;
+  cursor: pointer;
+`;
+const ErrorMessage = (props)=>{
+    const { error } = props;
+    if (!error) return /*#__PURE__*/ jsx(Fragment, {});
+    return /*#__PURE__*/ jsx(Tooltip, {
+        color: "white",
+        title: /*#__PURE__*/ jsxs(ErrorContent, {
+            children: [
+                /*#__PURE__*/ jsx(ErrorIconSvg, {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /*#__PURE__*/ jsx("path", {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                    })
+                }),
+                /*#__PURE__*/ jsx(ErrorTitle, {
+                    children: "JSON 格式错误"
+                }),
+                /*#__PURE__*/ jsx(ErrorText, {
+                    children: error
+                })
+            ]
+        }),
+        children: /*#__PURE__*/ jsx(StyledWarningIcon, {})
+    });
+};
+export { ErrorMessage };

package/dist/features/JsonEditor/JsonEditor.d.ts

@@ -0,0 +1,10 @@
+import { type JsonValue } from './types';
+export interface JsonEditorProps {
+    value?: JsonValue;
+    onChange?: (v: JsonValue) => void;
+    schema?: any;
+}
+export interface JsonEditorHandle {
+    update: () => void;
+}
+export declare const JsonEditor: import("react").ForwardRefExoticComponent<JsonEditorProps & import("react").RefAttributes<JsonEditorHandle>>;

package/dist/features/JsonEditor/JsonEditor.js

@@ -0,0 +1,146 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Flex, message } from "antd";
+import { forwardRef, useImperativeHandle, useState } from "react";
+import { Card } from "../../components/index.js";
+import styled_components from "styled-components";
+import { JSONSchemaFaker } from "json-schema-faker";
+import { Toolbar } from "./Toolbar.js";
+import { CodeEditor } from "./CodeEditor.js";
+import { formatJson, minifyJson, validateJson } from "./utils.js";
+import { ErrorMessage } from "./ErrorMessage.js";
+const EditorWrapper = styled_components.div`
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+  position: relative;
+  min-height: 200px;
+  height: 100%;
+  color: #e5e7eb;
+`;
+const LeftPane = styled_components.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  border-right: 1px solid #1f2937;
+  transition: all 300ms ease;
+  width: 100%;
+`;
+const EditorBody = styled_components.div`
+  flex: 1;
+  position: relative;
+  overflow: hidden;
+`;
+const InfoBar = styled_components.div`
+  position: absolute;
+  bottom: 8px;
+  right: 16px;
+  font-size: 12px;
+  color: #6b7280;
+  pointer-events: none;
+  background: rgba(17, 24, 39, 0.8);
+  padding: 4px 8px;
+  border-radius: 4px;
+`;
+const JsonEditor = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { value, onChange, schema } = props;
+    const initialText = void 0 !== value ? JSON.stringify(value, null, 2) : '';
+    const [jsonInput, setJsonInput] = useState(initialText);
+    const [validation, setValidation] = useState({
+        isValid: true,
+        data: value
+    });
+    const updateInput = (next)=>{
+        setJsonInput(next);
+        const result = validateJson(next);
+        setValidation(result);
+        if (onChange) if (next.trim()) {
+            if (result.isValid) {
+                console.log(result);
+                onChange(result.data);
+            }
+        } else onChange(null);
+    };
+    useImperativeHandle(ref, ()=>({
+            update: ()=>{
+                setJsonInput(initialText);
+            }
+        }), [
+        initialText,
+        updateInput
+    ]);
+    const handleFormat = ()=>{
+        const formatted = formatJson(jsonInput);
+        updateInput(formatted);
+    };
+    const handleMinify = ()=>{
+        const minified = minifyJson(jsonInput);
+        updateInput(minified);
+    };
+    const handleCopy = ()=>{
+        navigator.clipboard.writeText(jsonInput);
+        message.success('复制成功');
+    };
+    const handleGenerateMock = ()=>{
+        if (schema) try {
+            JSONSchemaFaker.option({
+                alwaysFakeOptionals: true,
+                fillProperties: false
+            });
+            const mock = JSONSchemaFaker.generate(schema);
+            const formatted = JSON.stringify(mock, null, 2);
+            updateInput(formatted);
+        } catch (error) {
+            message.error('Mock 数据生成失败');
+            console.log(error);
+        }
+    };
+    return /*#__PURE__*/ jsx(Card, {
+        style: {
+            height: '100%'
+        },
+        title: /*#__PURE__*/ jsxs(Flex, {
+            align: "center",
+            gap: 6,
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    children: "JSON"
+                }),
+                /*#__PURE__*/ jsx(ErrorMessage, {
+                    error: validation.error
+                })
+            ]
+        }),
+        extra: /*#__PURE__*/ jsx(Flex, {
+            align: "center",
+            gap: 8,
+            children: /*#__PURE__*/ jsx(Toolbar, {
+                disabled: !validation.isValid,
+                onFormat: handleFormat,
+                onMinify: handleMinify,
+                onCopy: handleCopy,
+                onGenerateMock: schema && handleGenerateMock
+            })
+        }),
+        children: /*#__PURE__*/ jsx(EditorWrapper, {
+            children: /*#__PURE__*/ jsx(LeftPane, {
+                children: /*#__PURE__*/ jsxs(EditorBody, {
+                    children: [
+                        /*#__PURE__*/ jsx(CodeEditor, {
+                            value: jsonInput,
+                            onChange: updateInput
+                        }),
+                        /*#__PURE__*/ jsxs(InfoBar, {
+                            children: [
+                                "长度: ",
+                                jsonInput.length,
+                                " | 行数: ",
+                                jsonInput.split('\n').length
+                            ]
+                        })
+                    ]
+                })
+            })
+        })
+    });
+});
+export { JsonEditor };

package/dist/features/JsonEditor/Toolbar.d.ts

@@ -0,0 +1,9 @@
+interface ToolbarProps {
+    disabled?: boolean;
+    onFormat: () => void;
+    onMinify: () => void;
+    onCopy: () => void;
+    onGenerateMock: () => void;
+}
+export declare const Toolbar: ({ onGenerateMock, onFormat, onMinify, onCopy, disabled, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/JsonEditor/Toolbar.js

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Tooltip } from "antd";
+import { Braces, Copy, FileArchive, Sparkles } from "lucide-react";
+import styled_components from "styled-components";
+const ToolbarContainer = styled_components.div`
+  display: flex;
+  align-items: center;
+`;
+const ActionButton = styled_components(Button)`
+  &:hover {
+    color: #ffffff;
+    background-color: rgba(31, 41, 55, 0.5);
+  }
+`;
+const Toolbar = ({ onGenerateMock, onFormat, onMinify, onCopy, disabled })=>/*#__PURE__*/ jsxs(ToolbarContainer, {
+        children: [
+            onGenerateMock && /*#__PURE__*/ jsx(Tooltip, {
+                title: "随机生成数据",
+                children: /*#__PURE__*/ jsx(ActionButton, {
+                    disabled: disabled,
+                    size: "small",
+                    type: "text",
+                    onClick: onGenerateMock,
+                    icon: /*#__PURE__*/ jsx(Sparkles, {
+                        style: {
+                            width: 14,
+                            height: 14
+                        }
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                title: "格式化",
+                children: /*#__PURE__*/ jsx(ActionButton, {
+                    disabled: disabled,
+                    size: "small",
+                    type: "text",
+                    onClick: onFormat,
+                    icon: /*#__PURE__*/ jsx(Braces, {
+                        style: {
+                            width: 14,
+                            height: 14
+                        }
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                title: "压缩",
+                children: /*#__PURE__*/ jsx(ActionButton, {
+                    disabled: disabled,
+                    size: "small",
+                    type: "text",
+                    onClick: onMinify,
+                    icon: /*#__PURE__*/ jsx(FileArchive, {
+                        style: {
+                            width: 14,
+                            height: 14
+                        }
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                title: "复制",
+                children: /*#__PURE__*/ jsx(ActionButton, {
+                    disabled: disabled,
+                    size: "small",
+                    type: "text",
+                    onClick: onCopy,
+                    icon: /*#__PURE__*/ jsx(Copy, {
+                        style: {
+                            width: 14,
+                            height: 14
+                        }
+                    })
+                })
+            })
+        ]
+    });
+export { Toolbar };

package/dist/features/JsonEditor/index.d.ts

@@ -1 +1 @@
-export { JsonEditor, type JsonEditorProps } from './Container';
+export { JsonEditor, type JsonEditorProps } from './JsonEditor';

package/dist/features/JsonEditor/index.js

@@ -1,2 +1,2 @@
-import { JsonEditor } from "./Container.js";
+import { JsonEditor } from "./JsonEditor.js";
 export { JsonEditor };

package/dist/features/JsonEditor/types.d.ts

@@ -0,0 +1,8 @@
+export type JsonValue = string | number | boolean | null | JsonValue[] | {
+    [key: string]: JsonValue;
+};
+export interface ValidationResult {
+    isValid: boolean;
+    error?: string;
+    data?: JsonValue;
+}

package/dist/features/JsonEditor/utils.d.ts

@@ -1,2 +1,6 @@
-export declare const highlightJson: (jsonString: string) => string;
-export declare const calculateLineCount: (text: string) => number;
+import type { ValidationResult, JsonValue } from './types';
+export declare const validateJson: (jsonString: string) => ValidationResult;
+export declare const formatJson: (jsonString: string) => string;
+export declare const minifyJson: (jsonString: string) => string;
+export declare const getType: (value: JsonValue) => string;
+export declare const highlightJson: (json: string) => string;