listpage-next 0.0.236 → 0.0.238

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 };