listpage-next 0.0.235 → 0.0.237

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/dist/features/ListPage/hooks/useFloat.js

@@ -8,10 +8,11 @@ function useFloat() {
         const Component = store.floats.find((f)=>f.key === visibleFloat?.key)?.render;
         const props = {
             record: visibleFloat?.record,
-            onClose: ()=>{
+            onClose: (code)=>{
                 store.hideFloat();
-                if (visibleFloat?.onCloseCallback === true) store.refreshTable();
-                else visibleFloat?.onCloseCallback?.();
+                if (visibleFloat?.onCloseCallback === true) {
+                    if (-1 !== code) store.refreshTable();
+                } else visibleFloat?.onCloseCallback?.();
             },
             visible: true
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.235",
+  "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 };