@nuralyui/skeleton 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle.js +359 -0
- package/index.d.ts +3 -0
- package/index.d.ts.map +1 -0
- package/index.js +3 -0
- package/index.js.map +1 -0
- package/package.json +31 -0
- package/react.d.ts +3 -0
- package/react.d.ts.map +1 -0
- package/react.js +10 -0
- package/react.js.map +1 -0
- package/skeleton.component.d.ts +165 -0
- package/skeleton.component.d.ts.map +1 -0
- package/skeleton.component.js +387 -0
- package/skeleton.component.js.map +1 -0
- package/skeleton.style.d.ts +2 -0
- package/skeleton.style.d.ts.map +1 -0
- package/skeleton.style.js +224 -0
- package/skeleton.style.js.map +1 -0
- package/skeleton.types.d.ts +82 -0
- package/skeleton.types.d.ts.map +1 -0
- package/skeleton.types.js +2 -0
- package/skeleton.types.js.map +1 -0
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Skeleton shape types
|
|
3
|
+
*/
|
|
4
|
+
export declare const enum SkeletonShape {
|
|
5
|
+
Circle = "circle",
|
|
6
|
+
Square = "square",
|
|
7
|
+
Round = "round",
|
|
8
|
+
Default = "default"
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* Skeleton size types
|
|
12
|
+
*/
|
|
13
|
+
export declare const enum SkeletonSize {
|
|
14
|
+
Small = "small",
|
|
15
|
+
Default = "default",
|
|
16
|
+
Large = "large"
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Skeleton element type
|
|
20
|
+
*/
|
|
21
|
+
export declare const enum SkeletonElementType {
|
|
22
|
+
Avatar = "avatar",
|
|
23
|
+
Button = "button",
|
|
24
|
+
Input = "input",
|
|
25
|
+
Image = "image"
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Skeleton avatar configuration
|
|
29
|
+
*/
|
|
30
|
+
export interface SkeletonAvatarConfig {
|
|
31
|
+
active?: boolean;
|
|
32
|
+
shape?: SkeletonShape;
|
|
33
|
+
size?: SkeletonSize | number;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Skeleton title configuration
|
|
37
|
+
*/
|
|
38
|
+
export interface SkeletonTitleConfig {
|
|
39
|
+
width?: number | string;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Skeleton paragraph configuration
|
|
43
|
+
*/
|
|
44
|
+
export interface SkeletonParagraphConfig {
|
|
45
|
+
rows?: number;
|
|
46
|
+
width?: number | string | Array<number | string>;
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Skeleton button configuration
|
|
50
|
+
*/
|
|
51
|
+
export interface SkeletonButtonConfig {
|
|
52
|
+
active?: boolean;
|
|
53
|
+
block?: boolean;
|
|
54
|
+
shape?: SkeletonShape;
|
|
55
|
+
size?: SkeletonSize;
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Skeleton input configuration
|
|
59
|
+
*/
|
|
60
|
+
export interface SkeletonInputConfig {
|
|
61
|
+
active?: boolean;
|
|
62
|
+
size?: SkeletonSize;
|
|
63
|
+
block?: boolean;
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Skeleton image configuration
|
|
67
|
+
*/
|
|
68
|
+
export interface SkeletonImageConfig {
|
|
69
|
+
active?: boolean;
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Main skeleton configuration
|
|
73
|
+
*/
|
|
74
|
+
export interface SkeletonConfig {
|
|
75
|
+
active?: boolean;
|
|
76
|
+
avatar?: boolean | SkeletonAvatarConfig;
|
|
77
|
+
loading?: boolean;
|
|
78
|
+
paragraph?: boolean | SkeletonParagraphConfig;
|
|
79
|
+
round?: boolean;
|
|
80
|
+
title?: boolean | SkeletonTitleConfig;
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=skeleton.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.types.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,0BAAkB,aAAa;IAC7B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED;;GAEG;AACH,0BAAkB,YAAY;IAC5B,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,0BAAkB,mBAAmB;IACnC,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAClD;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;CACvC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.types.js","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Skeleton shape types\n */\nexport const enum SkeletonShape {\n Circle = 'circle',\n Square = 'square',\n Round = 'round',\n Default = 'default',\n}\n\n/**\n * Skeleton size types\n */\nexport const enum SkeletonSize {\n Small = 'small',\n Default = 'default',\n Large = 'large',\n}\n\n/**\n * Skeleton element type\n */\nexport const enum SkeletonElementType {\n Avatar = 'avatar',\n Button = 'button',\n Input = 'input',\n Image = 'image',\n}\n\n/**\n * Skeleton avatar configuration\n */\nexport interface SkeletonAvatarConfig {\n active?: boolean;\n shape?: SkeletonShape;\n size?: SkeletonSize | number;\n}\n\n/**\n * Skeleton title configuration\n */\nexport interface SkeletonTitleConfig {\n width?: number | string;\n}\n\n/**\n * Skeleton paragraph configuration\n */\nexport interface SkeletonParagraphConfig {\n rows?: number;\n width?: number | string | Array<number | string>;\n}\n\n/**\n * Skeleton button configuration\n */\nexport interface SkeletonButtonConfig {\n active?: boolean;\n block?: boolean;\n shape?: SkeletonShape;\n size?: SkeletonSize;\n}\n\n/**\n * Skeleton input configuration\n */\nexport interface SkeletonInputConfig {\n active?: boolean;\n size?: SkeletonSize;\n block?: boolean;\n}\n\n/**\n * Skeleton image configuration\n */\nexport interface SkeletonImageConfig {\n active?: boolean;\n}\n\n/**\n * Main skeleton configuration\n */\nexport interface SkeletonConfig {\n active?: boolean;\n avatar?: boolean | SkeletonAvatarConfig;\n loading?: boolean;\n paragraph?: boolean | SkeletonParagraphConfig;\n round?: boolean;\n title?: boolean | SkeletonTitleConfig;\n}\n"]}
|