listpage-next 0.0.235 → 0.0.237

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/components/PageLayout/components/PageModal/useActions.js

@@ -71,12 +71,20 @@ function useActions(props) {
                 })
             ]
         });
-        return /*#__PURE__*/ jsxs(FlexContainer, {
+        if ('bottom' === actionPosition) return /*#__PURE__*/ jsxs(HeaderContainer, {
             children: [
-                icon,
-                title
+                /*#__PURE__*/ jsxs(FlexContainer, {
+                    children: [
+                        icon,
+                        title
+                    ]
+                }),
+                /*#__PURE__*/ jsx(ExtraContainer, {
+                    children: closeButton
+                })
             ]
         });
+        return /*#__PURE__*/ jsx(Fragment, {});
     }, [
         actionPosition,
         icon,

package/dist/components/PageLayout/components/PageModal/useCloseButton.d.ts

@@ -1,8 +1,4 @@
 import type { PageModalProps } from '.';
 export declare function useCloseButton(props: PageModalProps): {
     closeButton: import("react/jsx-runtime").JSX.Element | null;
-    closable: boolean;
-} | {
-    closeButton: import("react/jsx-runtime").JSX.Element | null;
-    closable?: undefined;
 };

package/dist/components/PageLayout/components/PageModal/useCloseButton.js

@@ -4,7 +4,7 @@ import { CloseOutlined } from "@ant-design/icons";
 import { styled } from "styled-components";
 import { Button } from "antd";
 function useCloseButton(props) {
-    const { actionPosition, onCancel, closable = true } = props;
+    const { onCancel, closable = true } = props;
     const closeButton = useMemo(()=>{
         if (true === closable) return /*#__PURE__*/ jsx(CloseButton, {
             type: "text",
@@ -23,10 +23,6 @@ function useCloseButton(props) {
         closable,
         onCancel
     ]);
-    if ('top' === actionPosition) return {
-        closeButton,
-        closable: false
-    };
     return {
         closeButton
     };

package/dist/components/PageLayout/components/PageProvider/float.d.ts

@@ -12,7 +12,7 @@ export declare const FloatProvider: (props: {
 export type FloatComponentProps<T extends Record<string, any> = any> = {
     record: T;
     visible: boolean;
-    onClose: () => void;
+    onClose: (code?: number) => void;
 };
 export type PageFloatProps<T extends Record<string, any> = any> = {
     key: string;

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

@@ -1,12 +1,15 @@
 type BaseConversation = {
     id: string;
     title: string;
+    updatedAt?: string | number | Date;
+    createdAt?: string | number | Date;
 };
 export interface ConversationDropdownMenuProps<T extends BaseConversation = BaseConversation> {
     request: () => Promise<{
         list: T[];
     }>;
     onSelect?: (item: T) => void;
+    onDelete?: (item: T) => void | Promise<void>;
     activeKey?: string;
 }
 export declare const ConversationDropdownMenu: <T extends BaseConversation = any>(props: ConversationDropdownMenuProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,28 +1,58 @@
-import { jsx } from "react/jsx-runtime";
-import { HistoryOutlined } from "@ant-design/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DeleteOutlined, HistoryOutlined } from "@ant-design/icons";
 import { PageLoading } from "../../../../components/index.js";
 import { useRequest } from "ahooks";
 import { Button, Dropdown, Tooltip } from "antd";
 import styled_components from "styled-components";
+import { getConversationsGroup } from "./utils.js";
 const ConversationDropdownMenu = (props)=>{
-    const { request, onSelect, activeKey } = props;
-    const { data, run: refresh, loading } = useRequest(()=>request(), {
+    const { request, onSelect, onDelete, activeKey } = props;
+    const { data, run: refresh, loading, mutate } = useRequest(()=>request(), {
         manual: true
     });
-    const menus = [
-        {
-            label: '历史会话',
-            type: 'group'
-        },
-        ...(data?.list ?? []).map((item)=>({
-                key: item.id,
-                label: item.title || item,
-                type: 'item',
-                onClick: ()=>{
-                    if (item.id !== activeKey) onSelect?.(item);
-                }
-            }))
-    ];
+    const toMenuItem = (item)=>({
+            key: item.id,
+            label: /*#__PURE__*/ jsxs(MenuItemLabel, {
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        children: item.title || item
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        type: "text",
+                        size: "small",
+                        danger: true,
+                        icon: /*#__PURE__*/ jsx(DeleteOutlined, {}),
+                        onClick: async (e)=>{
+                            e.preventDefault();
+                            e.stopPropagation();
+                            await onDelete?.(item);
+                            const list = (data?.list ?? []).filter((x)=>x.id !== item.id);
+                            mutate?.({
+                                list
+                            });
+                        },
+                        className: "delete-btn"
+                    })
+                ]
+            }),
+            type: 'item',
+            onClick: ()=>{
+                if (item.id !== activeKey) onSelect?.(item);
+            }
+        });
+    const groups = getConversationsGroup(data?.list ?? []);
+    const groupEntries = Object.entries(groups).filter(([_, arr])=>arr.length);
+    const menus = [];
+    groupEntries.forEach(([label, arr], index)=>{
+        menus.push({
+            type: 'group',
+            label,
+            children: arr.map((it)=>toMenuItem(it))
+        });
+        if (index < groupEntries.length - 1) menus.push({
+            type: 'divider'
+        });
+    });
     return /*#__PURE__*/ jsx(Tooltip, {
         title: "历史会话",
         children: /*#__PURE__*/ jsx(Dropdown, {
@@ -36,11 +66,15 @@ const ConversationDropdownMenu = (props)=>{
             popupRender: (originNode)=>{
                 if (loading || !data?.list?.length) {
                     const content = loading ? /*#__PURE__*/ jsx(PageLoading, {}) : '暂无历史会话';
-                    return /*#__PURE__*/ jsx(DefaultPanelContainer, {
-                        children: content
+                    return /*#__PURE__*/ jsx(MenuPanelContainer, {
+                        children: /*#__PURE__*/ jsx(DefaultPanelContainer, {
+                            children: content
+                        })
                     });
                 }
-                return originNode;
+                return /*#__PURE__*/ jsx(MenuPanelContainer, {
+                    children: originNode
+                });
             },
             children: /*#__PURE__*/ jsx(Button, {
                 onClick: refresh,
@@ -59,6 +93,36 @@ const DefaultPanelContainer = styled_components.div`
   border-radius: 8px;
   min-height: 100px;
   min-width: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow:
+    0px 0px 4px 0px rgba(0, 0, 0, 0.02),
+    0px 6px 12px 0px rgba(47, 53, 64, 0.12);
+`;
+const MenuItemLabel = styled_components.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  .delete-btn {
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.2s ease;
+  }
+  &:hover .delete-btn {
+    opacity: 1;
+    visibility: visible;
+  }
+`;
+const MenuPanelContainer = styled_components.div`
+  max-height: 450px;
+  overflow: auto;
+  min-width: 200px;
+  background: #fff;
+  border: 1px solid rgba(5, 5, 5, 0.06);
+  border-radius: 8px;
   box-shadow:
     0px 0px 4px 0px rgba(0, 0, 0, 0.02),
     0px 6px 12px 0px rgba(47, 53, 64, 0.12);

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 {
+    defaultValue?: JsonValue;
+    value?: JsonValue;
+    onChange?: (v: JsonValue) => void;
+}
+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,127 @@
+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 { 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, defaultValue } = props;
+    const initialText = void 0 !== value ? JSON.stringify(value, null, 2) : defaultValue ? JSON.stringify(defaultValue, 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: ()=>{
+                updateInput(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('复制成功');
+    };
+    return /*#__PURE__*/ jsx(Card, {
+        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
+            })
+        }),
+        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,8 @@
+interface ToolbarProps {
+    disabled?: boolean;
+    onFormat: () => void;
+    onMinify: () => void;
+    onCopy: () => void;
+}
+export declare const Toolbar: ({ onFormat, onMinify, onCopy, disabled, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/JsonEditor/Toolbar.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Tooltip } from "antd";
+import { Braces, Copy, FileArchive } 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 = ({ onFormat, onMinify, onCopy, disabled })=>/*#__PURE__*/ jsxs(ToolbarContainer, {
+        children: [
+            /*#__PURE__*/ jsx(Tooltip, {
+                title: "格式化",
+                children: /*#__PURE__*/ jsx(ActionButton, {
+                    disabled: disabled,
+                    size: "small",
+                    type: "text",
+                    onClick: onFormat,
+                    icon: /*#__PURE__*/ jsx(Braces, {
+                        style: {
+                            fontSize: 16
+                        }
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                title: "压缩",
+                children: /*#__PURE__*/ jsx(ActionButton, {
+                    disabled: disabled,
+                    size: "small",
+                    type: "text",
+                    onClick: onMinify,
+                    icon: /*#__PURE__*/ jsx(FileArchive, {
+                        style: {
+                            fontSize: 16
+                        }
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                title: "复制",
+                children: /*#__PURE__*/ jsx(ActionButton, {
+                    disabled: disabled,
+                    size: "small",
+                    type: "text",
+                    onClick: onCopy,
+                    icon: /*#__PURE__*/ jsx(Copy, {
+                        style: {
+                            fontSize: 16
+                        }
+                    })
+                })
+            })
+        ]
+    });
+export { Toolbar };

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

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