lw-json-view/dist/global.d.ts

使用 Vite + react 18 完成的 json 内容展示组件。

/// <reference types="react" />
export type BaseValueType = {
    [key: string | number]: BaseValueType;
} | Array<BaseValueType> | string | number | boolean | null | undefined | bigint | Date;
export type Dict = {
    [key: string | number]: BaseValueType;
};
export type SelectKeyType = string | number | undefined;
export interface SelectInfo {
    checked: boolean;
    keyPath: string[];
    depth: number;
    candidateValue: BaseValueType;
}
export interface ElementWrapProps extends ElementCommonProps<BaseValueType> {
    keyName?: string | number;
    showStringQuotes?: boolean;
    defaultExpanded?: boolean;
    depth?: number;
    iconSize?: number;
    parent?: ElementWrapParent;
    onSelect?: (keyName: SelectKeyType, checked: boolean, newValue: BaseValueType) => void;
}
export interface ElementWrapParent {
    keyName?: string | number;
    value?: BaseValueType;
    candidate?: BaseValueType;
    parent?: ElementWrapParent;
}
export interface ElementCommonProps<T> {
    value: T;
    candidate: BaseValueType;
    keyName?: string | number;
    isLast?: boolean;
    parent?: ElementWrapParent;
}
export interface ObjectElementProps extends ElementCommonProps<{
    [key: string | number]: BaseValueType;
}> {
    depth: number;
    toggleExpand: (value: boolean) => void;
    expanded?: boolean;
}
export interface ArrayElementProps extends ElementCommonProps<Array<BaseValueType>> {
    depth: number;
    toggleExpand: (value: boolean) => void;
    expanded?: boolean;
}
export interface StringElementProps extends ElementCommonProps<string> {
}
export interface NumberElementProps extends ElementCommonProps<number> {
}
export interface BooleanElementProps extends ElementCommonProps<boolean> {
}
export interface BigintElementProps extends ElementCommonProps<bigint> {
}
export interface NullElementProps extends ElementCommonProps<null> {
}
export interface UndefinedElementProps extends ElementCommonProps<undefined> {
}
export interface ValueTypeProps {
    valueType: TypeEnum;
}
export interface CheckboxProps {
    checked: boolean;
    indeterminate?: boolean;
    onChange: (checked: boolean) => void;
    style?: React.CSSProperties;
}
export interface SelectedInfo {
    selectedDict: Record<string, boolean>;
    indeterminateDict: Record<string, boolean>;
}
export type SelectableType = boolean | (string | number)[] | ((level: number, keyName: string | number, value: BaseValueType) => boolean);
export interface JsonContextType {
    indent: number;
    showStringQuotes: boolean;
    defaultExpanded: boolean;
    defaultExpandDepth: number;
    selectable: SelectableType;
    iconSize: number;
    showValueTypes: boolean;
    selectedValue: BaseValueType | null;
    selectedInfo: SelectedInfo;
    selectableDict: Record<string, boolean>;
    stringMaxLength: number;
    theme: Theme;
    selectValueCandidate: BaseValueType | null;
    onSelect: (info: SelectInfo) => void;
}
export interface JsonViewProps {
    value: {
        [key: string | number]: BaseValueType;
    } | Array<BaseValueType>;
    defaultExpanded?: boolean;
    defaultExpandDepth?: number;
    selectable?: boolean | (string | number)[] | ((level: number, keyName: string | number, value: BaseValueType) => boolean);
    indent?: number;
    iconSize?: number;
    showStringQuotes?: boolean;
    showValueTypes?: boolean;
    stringMaxLength?: number;
    theme?: "light" | "dark" | "default" | Theme;
    className?: string;
    style?: React.CSSProperties;
    onSelect?: (key: SelectKeyType, value: BaseValueType, checked: boolean) => void;
    errorComponent?: React.ComponentType<{
        error: Error;
    }>;
}
export declare enum TypeEnum {
    String = "string",
    Number = "number",
    Boolean = "boolean",
    Object = "object",
    Array = "array",
    Null = "null",
    Undefined = "undefined",
    Function = "function",
    Symbol = "symbol",
    BigInt = "bigint",
    Date = "date"
}
export interface Theme {
    background: string;
    primary: string;
    secondary: string;
    string: string;
    link: string;
    number: string;
    boolean: string;
    null: string;
    undefined: string;
    BigInt: string;
    Date: string;
    type: string;
    ellipsis: string;
}
export declare const NoneValue: unique symbol;
export type None = typeof NoneValue;