shesha-framework/shesha-reactjs/src/designer-components/_settings/utils/border/interfaces.ts at 5c5a568f99c98fe6355f3b293ac64d4348c2f28a · czwe-01/shesha-framework · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
import { IConfigurableFormComponent } from "@/providers";

type IBorderType = "dashed" | "dotted" | "none" | "solid";
export interface IBorderValue {
    radius?: {
        all?: string | number;
        topLeft?: string | number;
        topRight?: string | number;
        bottomLeft?: string | number;
        bottomRight?: string | number;
    };
    border?: {
        all?: {
            width?: string | number;
            color?: string;
            style?: IBorderType;
        };
        top?: {
            width?: string | number;
            unit?: string;
            color?: string;
            style?: IBorderType;
        };
        right?: {
            width?: string | number;
            unit?: string;
            color?: string;
            style?: IBorderType;
        };
        bottom?: {
            width?: string | number;
            unit?: string;
            color?: string;
            style?: IBorderType;
        };
        left?: {
            width?: string | number;
            unit?: string;
            color?: string;
            style?: IBorderType;
        };
        middle?: {
            width?: string | number;
            unit?: string;
            color?: string;
            style?: IBorderType;
        };
    };
    radiusType?: string;
    borderType?: string;
    hideBorder?: boolean;
}

export interface IBorderProps extends IConfigurableFormComponent {
    onChange?: (value: IBorderValue) => void;
    value?: IBorderValue;
}