listpage-next 0.0.236 → 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/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 {
+    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';

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;

package/dist/features/JsonEditor/utils.js

@@ -1,15 +1,52 @@
-const highlightJson = (jsonString)=>{
-    const escapeHtml = (unsafe)=>unsafe.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#039;');
-    if (!jsonString.trim().startsWith('{') && !jsonString.trim().startsWith('[')) return escapeHtml(jsonString);
+const validateJson = (jsonString)=>{
+    if (!jsonString.trim()) return {
+        isValid: true,
+        data: null
+    };
     try {
-        return escapeHtml(jsonString).replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:))/g, '<span class="json-key">$1</span>').replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(?!\s*:))/g, '<span class="json-string">$1</span>').replace(/(?<=:)\s*(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g, ' <span class="json-number">$1</span>').replace(/(?<=:)\s*(true|false)/g, ' <span class="json-boolean">$1</span>').replace(/(?<=:)\s*(null)/g, ' <span class="json-null">$1</span>').replace(/([{}[\],:])/g, '<span class="json-punctuation">$1</span>');
+        const data = JSON.parse(jsonString);
+        return {
+            isValid: true,
+            data
+        };
     } catch (e) {
-        return escapeHtml(jsonString);
+        const message = e instanceof Error ? e.message : String(e);
+        return {
+            isValid: false,
+            error: message
+        };
     }
 };
-const calculateLineCount = (text)=>{
-    if (!text) return 1;
-    const lines = text.split('\n').length;
-    return lines;
+const formatJson = (jsonString)=>{
+    try {
+        const obj = JSON.parse(jsonString);
+        return JSON.stringify(obj, null, 2);
+    } catch (_) {
+        return jsonString;
+    }
+};
+const minifyJson = (jsonString)=>{
+    try {
+        const obj = JSON.parse(jsonString);
+        return JSON.stringify(obj);
+    } catch (_) {
+        return jsonString;
+    }
+};
+const getType = (value)=>{
+    if (null === value) return 'null';
+    if (Array.isArray(value)) return 'array';
+    return typeof value;
+};
+const highlightJson = (json)=>{
+    if (!json) return '';
+    const htmlEscaped = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+    return htmlEscaped.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, (match)=>{
+        let cls = 'json-token number';
+        if (/^"/.test(match)) cls = /:$/.test(match) ? 'json-token key' : 'json-token string';
+        else if (/true|false/.test(match)) cls = 'json-token boolean';
+        else if (/null/.test(match)) cls = 'json-token null';
+        return `<span class="${cls}">${match}</span>`;
+    });
 };
-export { calculateLineCount, highlightJson };
+export { formatJson, getType, highlightJson, minifyJson, validateJson };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.236",
+  "version": "0.0.237",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",
@@ -69,6 +69,7 @@
     "@tiptap/extension-hard-break": "~3.10.7",
     "@tiptap/core": "~3.10.7",
     "@tiptap/pm": "~3.10.7",
-    "prosemirror-state": "~1.4.4"
+    "prosemirror-state": "~1.4.4",
+    "lucide-react": "~0.555.0"
   }
 }

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

@@ -1,12 +0,0 @@
-import React from 'react';
-export interface JsonEditorProps {
-    value?: any;
-    onChange?: (value: any) => void;
-    placeholder?: string;
-    readOnly?: boolean;
-    style?: React.CSSProperties;
-    className?: string;
-    height?: number | string;
-}
-export declare const JsonEditor: React.FC<JsonEditorProps>;
-export default JsonEditor;

package/dist/features/JsonEditor/Container.js

@@ -1,122 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { Button } from "antd";
-import { CompressOutlined, FormatPainterOutlined } from "@ant-design/icons";
-import { LineNumberEditor } from "./LineNumberEditor.js";
-import { CardHeader, EditorWrapper, ErrorMessage, HeaderActions, HeaderTitle, JsonEditorContainer } from "./style.js";
-const JsonEditor = ({ value, onChange, placeholder = 'Enter JSON here...', readOnly = false, style, className, height })=>{
-    const [textValue, setTextValue] = useState('');
-    const [error, setError] = useState(null);
-    useEffect(()=>{
-        if (void 0 !== value) if ('string' == typeof value) {
-            setTextValue(value);
-            setError(null);
-        } else try {
-            const jsonString = JSON.stringify(value, null, 2);
-            setTextValue(jsonString);
-            setError(null);
-        } catch (err) {
-            setTextValue('');
-            setError('Invalid JSON value provided');
-        }
-        else setTextValue('');
-    }, [
-        value
-    ]);
-    const handleChange = (newText)=>{
-        setTextValue(newText);
-        if (readOnly) return;
-        if ('' === newText.trim() || !newText.startsWith('{') && !newText.startsWith('[')) {
-            onChange?.(newText);
-            setError(null);
-            return;
-        }
-        try {
-            if ('' === newText.trim()) {
-                onChange?.(void 0);
-                setError(null);
-            } else {
-                let parsed;
-                try {
-                    parsed = JSON.parse(newText);
-                } catch (parseError) {
-                    parsed = newText;
-                }
-                onChange?.(parsed);
-                setError(null);
-            }
-        } catch (err) {
-            setError('Invalid JSON format');
-        }
-    };
-    const handleFormat = ()=>{
-        if ('' === textValue.trim() || !textValue.startsWith('{') && !textValue.startsWith('[')) return void setError(null);
-        try {
-            const parsed = JSON.parse(textValue);
-            const formatted = JSON.stringify(parsed, null, 2);
-            setTextValue(formatted);
-            setError(null);
-        } catch (err) {
-            setError('Cannot format: Invalid JSON');
-        }
-    };
-    const handleCompress = ()=>{
-        if ('' === textValue.trim() || !textValue.startsWith('{') && !textValue.startsWith('[')) return void setError(null);
-        try {
-            const parsed = JSON.parse(textValue);
-            const compressed = JSON.stringify(parsed);
-            setTextValue(compressed);
-            setError(null);
-        } catch (err) {
-            setError('Cannot compress: Invalid JSON');
-        }
-    };
-    return /*#__PURE__*/ jsxs(JsonEditorContainer, {
-        className: className,
-        style: {
-            ...style,
-            height: height || style?.height
-        },
-        children: [
-            /*#__PURE__*/ jsxs(CardHeader, {
-                children: [
-                    /*#__PURE__*/ jsx(HeaderTitle, {
-                        children: "JSON"
-                    }),
-                    /*#__PURE__*/ jsxs(HeaderActions, {
-                        children: [
-                            /*#__PURE__*/ jsx(Button, {
-                                onClick: handleFormat,
-                                disabled: readOnly,
-                                size: "small",
-                                icon: /*#__PURE__*/ jsx(FormatPainterOutlined, {}),
-                                title: "Format JSON"
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                onClick: handleCompress,
-                                disabled: readOnly,
-                                size: "small",
-                                icon: /*#__PURE__*/ jsx(CompressOutlined, {}),
-                                title: "Compress JSON"
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(EditorWrapper, {
-                children: /*#__PURE__*/ jsx(LineNumberEditor, {
-                    value: textValue,
-                    onChange: handleChange,
-                    placeholder: placeholder,
-                    readOnly: readOnly,
-                    hasError: !!error
-                })
-            }),
-            error && /*#__PURE__*/ jsx(ErrorMessage, {
-                children: error
-            })
-        ]
-    });
-};
-const Container = JsonEditor;
-export { JsonEditor, Container as default };

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

@@ -1,10 +0,0 @@
-import React from 'react';
-interface LineNumberEditorProps {
-    value: string;
-    onChange: (value: string) => void;
-    readOnly?: boolean;
-    hasError?: boolean;
-    placeholder?: string;
-}
-export declare const LineNumberEditor: React.FC<LineNumberEditorProps>;
-export {};

package/dist/features/JsonEditor/LineNumberEditor.js

@@ -1,186 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import styled_components from "styled-components";
-import { calculateLineCount, highlightJson } from "./utils.js";
-const EditorContainer = styled_components.div`
-  display: flex;
-  height: 100%;
-  font-family:
-    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 12px;
-  line-height: 1.5;
-  overflow: hidden;
-  box-sizing: border-box;
-`;
-const LineNumbers = styled_components.div`
-  padding: 4px 8px;
-  text-align: right;
-  background-color: #f0f0f0;
-  color: #999;
-  overflow: hidden;
-  user-select: none;
-  flex-shrink: 0;
-  border-right: 1px solid #ddd;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  box-sizing: border-box;
-`;
-const TextAreaContainer = styled_components.div`
-  flex: 1;
-  position: relative;
-  overflow: hidden;
-  box-sizing: border-box;
-`;
-const StyledTextArea = styled_components.textarea`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 4px 8px;
-  border: none;
-  resize: none;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  background-color: transparent;
-  outline: none;
-  overflow: auto;
-  white-space: pre;
-  tab-size: 2;
-  box-sizing: border-box;
-  color: transparent; /* 文字透明 */
-  caret-color: #000; /* 但光标是黑色的 */
-
-  ${(props)=>props.hasError && `
-    box-shadow: inset 0 0 0 1px #ff4d4f;
-  `}
-
-  &:focus {
-    box-shadow: none;
-  }
-
-  &::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: #f1f1f1;
-    border-radius: 4px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #c1c1c1;
-    border-radius: 4px;
-
-    &:hover {
-      background: #a8a8a8;
-    }
-  }
-`;
-const HighlightPreview = styled_components.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 4px 8px;
-  border: none;
-  resize: none;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  background-color: #fafafa;
-  pointer-events: none;
-  overflow: auto;
-  white-space: pre;
-  tab-size: 2;
-  box-sizing: border-box;
-
-  .json-key {
-    color: #92278f; /* 紫色 */
-  }
-
-  .json-string {
-    color: #3a9aed; /* 蓝色 */
-  }
-
-  .json-number {
-    color: #25aae1; /* 青色 */
-  }
-
-  .json-boolean {
-    color: #f98280; /* 红色 */
-  }
-
-  .json-null {
-    color: #f18f01; /* 橙色 */
-  }
-
-  .json-punctuation {
-    color: #333; /* 深灰色 */
-  }
-`;
-const LineNumberEditor = ({ value, onChange, readOnly = false, hasError = false, placeholder = '' })=>{
-    const lineNumbersRef = useRef(null);
-    const textAreaRef = useRef(null);
-    const previewRef = useRef(null);
-    useEffect(()=>{
-        if (lineNumbersRef.current) {
-            const lineNumbers = [];
-            const lineCount = calculateLineCount(value);
-            for(let i = 1; i <= Math.max(lineCount, 1); i++)lineNumbers.push(`<div style="min-height: 1.5em; line-height: 1.5; box-sizing: border-box;">${i}</div>`);
-            lineNumbersRef.current.innerHTML = lineNumbers.join('');
-        }
-    }, [
-        value
-    ]);
-    useEffect(()=>{
-        if (previewRef.current) previewRef.current.innerHTML = highlightJson(value);
-    }, [
-        value
-    ]);
-    const handleScroll = ()=>{
-        if (textAreaRef.current && lineNumbersRef.current && previewRef.current) {
-            const scrollTop = textAreaRef.current.scrollTop;
-            const scrollLeft = textAreaRef.current.scrollLeft;
-            lineNumbersRef.current.scrollTop = scrollTop;
-            previewRef.current.scrollTop = scrollTop;
-            previewRef.current.scrollLeft = scrollLeft;
-        }
-    };
-    const syncCursorPosition = ()=>{
-        if (textAreaRef.current && previewRef.current) {
-            previewRef.current.scrollTop = textAreaRef.current.scrollTop;
-            previewRef.current.scrollLeft = textAreaRef.current.scrollLeft;
-        }
-    };
-    return /*#__PURE__*/ jsxs(EditorContainer, {
-        children: [
-            /*#__PURE__*/ jsx(LineNumbers, {
-                ref: lineNumbersRef
-            }),
-            /*#__PURE__*/ jsxs(TextAreaContainer, {
-                children: [
-                    /*#__PURE__*/ jsx(HighlightPreview, {
-                        ref: previewRef
-                    }),
-                    /*#__PURE__*/ jsx(StyledTextArea, {
-                        ref: textAreaRef,
-                        value: value,
-                        onChange: (e)=>onChange(e.target.value),
-                        readOnly: readOnly,
-                        hasError: hasError,
-                        placeholder: placeholder,
-                        onScroll: handleScroll,
-                        onMouseUp: syncCursorPosition,
-                        onKeyUp: syncCursorPosition
-                    })
-                ]
-            })
-        ]
-    });
-};
-export { LineNumberEditor };

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

@@ -1,13 +0,0 @@
-export declare const JsonEditorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CardHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const HeaderTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const HeaderActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LineNumbers: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TextAreaContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {
-    hasError: boolean;
-}>> & string;
-export declare const HighlightPreview: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/features/JsonEditor/style.js

@@ -1,185 +0,0 @@
-import { styled } from "styled-components";
-const JsonEditorContainer = styled.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  border: 1px solid #d9d9d9;
-  border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  background: #fff;
-  overflow: hidden;
-`;
-const CardHeader = styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 8px 12px;
-  border-bottom: 1px solid #d9d9d9;
-  flex: 0 0 auto;
-`;
-const HeaderTitle = styled.div`
-  font-weight: 600;
-  color: #666;
-  font-size: 12px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-`;
-const HeaderActions = styled.div`
-  display: flex;
-  gap: 8px;
-`;
-const EditorWrapper = styled.div`
-  flex: 1;
-  overflow: hidden;
-  border-radius: 0 0 8px 8px;
-  background-color: #fafafa;
-
-  // 自定义滚动条样式
-  ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  ::-webkit-scrollbar-track {
-    background: #f1f1f1;
-    border-radius: 4px;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    background: #c1c1c1;
-    border-radius: 4px;
-
-    &:hover {
-      background: #a8a8a8;
-    }
-  }
-
-  ::-webkit-scrollbar-corner {
-    background: transparent;
-  }
-`;
-const ErrorMessage = styled.div`
-  color: #ff4d4f;
-  font-size: 12px;
-  margin-top: 4px;
-  min-height: 18px;
-  flex: 0 0 auto;
-  padding: 0 8px 8px;
-`;
-const EditorContainer = styled.div`
-  display: flex;
-  height: 100%;
-  font-family:
-    'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 12px;
-  line-height: 1.5;
-  overflow: hidden;
-  box-sizing: border-box;
-`;
-const LineNumbers = styled.div`
-  padding: 4px 8px;
-  text-align: right;
-  background-color: #f0f0f0;
-  color: #999;
-  overflow: hidden;
-  user-select: none;
-  flex-shrink: 0;
-  border-right: 1px solid #ddd;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  box-sizing: border-box;
-`;
-const TextAreaContainer = styled.div`
-  flex: 1;
-  position: relative;
-  overflow: hidden;
-  box-sizing: border-box;
-`;
-const StyledTextArea = styled.textarea`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 4px 8px;
-  border: none;
-  resize: none;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  background-color: #fafafa;
-  outline: none;
-  overflow: auto;
-  white-space: pre;
-  tab-size: 2;
-  box-sizing: border-box;
-
-  ${(props)=>props.hasError && `
-    box-shadow: inset 0 0 0 1px #ff4d4f;
-  `}
-
-  &:focus {
-    box-shadow: none;
-  }
-
-  &::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: #f1f1f1;
-    border-radius: 4px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #c1c1c1;
-    border-radius: 4px;
-
-    &:hover {
-      background: #a8a8a8;
-    }
-  }
-`;
-const HighlightPreview = styled.div`
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  padding: 4px 8px;
-  border: none;
-  resize: none;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  background-color: transparent;
-  pointer-events: none;
-  overflow: auto;
-  white-space: pre;
-  tab-size: 2;
-  color: transparent;
-  box-sizing: border-box;
-
-  .json-key {
-    color: #92278f;
-  }
-
-  .json-string {
-    color: #3a9aed;
-  }
-
-  .json-number {
-    color: #25aae1;
-  }
-
-  .json-boolean {
-    color: #f98280;
-  }
-
-  .json-punctuation {
-    color: #333;
-  }
-`;
-export { CardHeader, EditorContainer, EditorWrapper, ErrorMessage, HeaderActions, HeaderTitle, HighlightPreview, JsonEditorContainer, LineNumbers, StyledTextArea, TextAreaContainer };