shineout 1.10.4 → 1.10.7
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/css/Card/index.d.ts +69 -23
- package/css/CardGroup/index.d.ts +47 -29
- package/css/Carousel/index.d.ts +23 -14
- package/css/Gap/index.d.ts +14 -4
- package/css/Grid/index.d.ts +10 -0
- package/css/Image/index.d.ts +52 -43
- package/css/Input/index.d.ts +12 -1
- package/css/Modal/Panel.js +1 -0
- package/css/Modal/index.d.ts +16 -7
- package/css/Radio/index.d.ts +12 -1
- package/css/Select/Select.js +6 -1
- package/css/Spin/index.d.ts +11 -2
- package/css/Sticky/index.d.ts +10 -0
- package/css/Switch/index.d.ts +2 -1
- package/css/Table/Thead.js +6 -1
- package/css/Table/index.d.ts +15 -5
- package/css/Tabs/index.d.ts +19 -1
- package/css/TreeSelect/TreeSelect.js +1 -1
- package/css/hoc/inputBorder.js +1 -1
- package/css/index.d.ts +1 -1
- package/css/index.js +1 -1
- package/dist/shineout.js +44 -33
- package/dist/shineout.js.map +1 -1
- package/dist/shineout.min.js +1 -1
- package/es/Card/index.d.ts +69 -23
- package/es/CardGroup/index.d.ts +47 -29
- package/es/Carousel/index.d.ts +23 -14
- package/es/Gap/index.d.ts +14 -4
- package/es/Grid/index.d.ts +10 -0
- package/es/Image/index.d.ts +52 -43
- package/es/Input/index.d.ts +12 -1
- package/es/Modal/Panel.js +1 -0
- package/es/Modal/index.d.ts +16 -7
- package/es/Radio/index.d.ts +12 -1
- package/es/Select/Select.js +6 -1
- package/es/Spin/index.d.ts +11 -2
- package/es/Sticky/index.d.ts +10 -0
- package/es/Switch/index.d.ts +2 -1
- package/es/Table/Thead.js +6 -1
- package/es/Table/index.d.ts +15 -5
- package/es/Tabs/index.d.ts +19 -1
- package/es/TreeSelect/TreeSelect.js +1 -1
- package/es/hoc/inputBorder.js +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/lib/Card/index.d.ts +69 -23
- package/lib/CardGroup/index.d.ts +47 -29
- package/lib/Carousel/index.d.ts +23 -14
- package/lib/Gap/index.d.ts +14 -4
- package/lib/Grid/index.d.ts +10 -0
- package/lib/Image/index.d.ts +52 -43
- package/lib/Input/index.d.ts +12 -1
- package/lib/Modal/Panel.js +1 -0
- package/lib/Modal/index.d.ts +16 -7
- package/lib/Radio/index.d.ts +12 -1
- package/lib/Select/Select.js +6 -1
- package/lib/Spin/index.d.ts +11 -2
- package/lib/Sticky/index.d.ts +10 -0
- package/lib/Switch/index.d.ts +2 -1
- package/lib/Table/Thead.js +6 -1
- package/lib/Table/index.d.ts +15 -5
- package/lib/Tabs/index.d.ts +19 -1
- package/lib/TreeSelect/TreeSelect.js +1 -1
- package/lib/hoc/inputBorder.js +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
package/css/Card/index.d.ts
CHANGED
|
@@ -1,122 +1,168 @@
|
|
|
1
1
|
import * as React from 'react'
|
|
2
2
|
import { ButtonProps } from '../Button/index'
|
|
3
3
|
import { RegularAttributes, StandardProps } from '../@types/common'
|
|
4
|
+
import { ReactNode } from "react"
|
|
4
5
|
|
|
5
6
|
export interface CardProps extends StandardProps {
|
|
6
7
|
|
|
7
8
|
/**
|
|
8
9
|
* Whether can be collapsed,'bottom' can collaps on bottom
|
|
9
|
-
*
|
|
10
|
+
*
|
|
10
11
|
* 是否可折叠,'bottom' 表示从下方点击折叠
|
|
11
|
-
*
|
|
12
|
+
*
|
|
12
13
|
* default: false
|
|
13
14
|
*/
|
|
14
15
|
collapsible?: boolean | 'bottom';
|
|
15
16
|
|
|
16
17
|
/**
|
|
17
18
|
* Whether to be collapsed.
|
|
18
|
-
*
|
|
19
|
+
*
|
|
19
20
|
* 是否折叠,用于受控状态
|
|
20
|
-
*
|
|
21
|
+
*
|
|
21
22
|
* default: -
|
|
22
23
|
*/
|
|
23
24
|
collapsed?: boolean;
|
|
24
25
|
|
|
25
26
|
/**
|
|
26
27
|
* Initial collapsed state
|
|
27
|
-
*
|
|
28
|
+
*
|
|
28
29
|
* 初始折叠状态(仅在 collapsible 为 true 时有效)
|
|
29
|
-
*
|
|
30
|
+
*
|
|
30
31
|
* default: true
|
|
31
32
|
*/
|
|
32
33
|
defaultCollapsed?: boolean;
|
|
33
34
|
|
|
34
35
|
/**
|
|
35
36
|
* Callback when collapsed state changed
|
|
36
|
-
*
|
|
37
|
+
*
|
|
37
38
|
* 折叠状态改变时回调事件
|
|
38
|
-
*
|
|
39
|
+
*
|
|
39
40
|
* default: -
|
|
40
41
|
*/
|
|
41
42
|
onCollapse?: () => void;
|
|
42
43
|
|
|
43
44
|
/**
|
|
44
45
|
* Whether to show the shadow.'hover' - Display it when the mouse is over the element.true - Always show, false - Never show
|
|
45
|
-
*
|
|
46
|
+
*
|
|
46
47
|
* 是否显示阴影。'hover' - 鼠标移到元素上显示。true - 总是显示, false - 从不显示
|
|
47
|
-
*
|
|
48
|
+
*
|
|
48
49
|
* default: false
|
|
49
50
|
*/
|
|
50
51
|
shadow?: true | false | 'hover';
|
|
51
52
|
|
|
52
53
|
/**
|
|
53
54
|
* Card.Accordion expand controlled key
|
|
54
|
-
*
|
|
55
|
+
*
|
|
55
56
|
* 手风琴下控制展开的值
|
|
56
|
-
*
|
|
57
|
+
*
|
|
57
58
|
* default: none
|
|
58
59
|
*/
|
|
59
60
|
id?: any;
|
|
60
61
|
|
|
62
|
+
/**
|
|
63
|
+
* children
|
|
64
|
+
*
|
|
65
|
+
* 子元素
|
|
66
|
+
*
|
|
67
|
+
* default: -
|
|
68
|
+
*/
|
|
69
|
+
children?: ReactNode;
|
|
70
|
+
|
|
71
|
+
|
|
61
72
|
}
|
|
62
73
|
|
|
63
74
|
export interface CardHeaderProps extends StandardProps {
|
|
64
75
|
|
|
65
76
|
/**
|
|
66
77
|
* align
|
|
67
|
-
*
|
|
78
|
+
*
|
|
68
79
|
* 对齐方式
|
|
69
|
-
*
|
|
80
|
+
*
|
|
70
81
|
* default: none
|
|
71
82
|
*/
|
|
72
83
|
align?: RegularAttributes.Align;
|
|
73
84
|
|
|
85
|
+
/**
|
|
86
|
+
* children
|
|
87
|
+
*
|
|
88
|
+
* 子元素
|
|
89
|
+
*
|
|
90
|
+
* default: -
|
|
91
|
+
*/
|
|
92
|
+
children?: ReactNode;
|
|
93
|
+
|
|
74
94
|
}
|
|
75
95
|
|
|
76
|
-
export interface CardBodyProps extends StandardProps {
|
|
96
|
+
export interface CardBodyProps extends StandardProps {
|
|
97
|
+
/**
|
|
98
|
+
* children
|
|
99
|
+
*
|
|
100
|
+
* 子元素
|
|
101
|
+
*
|
|
102
|
+
* default: -
|
|
103
|
+
*/
|
|
104
|
+
children?: ReactNode;
|
|
105
|
+
}
|
|
77
106
|
|
|
78
107
|
export interface CardFooterProps extends StandardProps {
|
|
79
108
|
|
|
80
109
|
/**
|
|
81
110
|
* align
|
|
82
|
-
*
|
|
111
|
+
*
|
|
83
112
|
* 对齐方式
|
|
84
|
-
*
|
|
113
|
+
*
|
|
85
114
|
* default: none
|
|
86
115
|
*/
|
|
87
116
|
align?: RegularAttributes.Align;
|
|
88
117
|
|
|
118
|
+
/**
|
|
119
|
+
* children
|
|
120
|
+
*
|
|
121
|
+
* 子元素
|
|
122
|
+
*
|
|
123
|
+
* default: none
|
|
124
|
+
*/
|
|
125
|
+
children?: ReactNode;
|
|
126
|
+
|
|
89
127
|
}
|
|
90
128
|
|
|
91
129
|
export interface CardAccordionProps<T> {
|
|
92
130
|
|
|
93
131
|
/**
|
|
94
132
|
* Active value. It is -1 when fully closed. Used in controlled state. be id while Card.id setted
|
|
95
|
-
*
|
|
133
|
+
*
|
|
96
134
|
* 打开的值,全关闭时为 null,用于受控状态。默认为索引,若Card设置id后则为id。
|
|
97
|
-
*
|
|
135
|
+
*
|
|
98
136
|
* default: none
|
|
99
137
|
*/
|
|
100
138
|
active?: T;
|
|
101
139
|
|
|
102
140
|
/**
|
|
103
141
|
* The default active value for uncontrolled state, be id while Card.id setted
|
|
104
|
-
*
|
|
142
|
+
*
|
|
105
143
|
* 默认打开的值,用于非受控状态。默认为索引,若Card设置id后则为id。
|
|
106
|
-
*
|
|
144
|
+
*
|
|
107
145
|
* default: 0
|
|
108
146
|
*/
|
|
109
147
|
defaultActive?: T;
|
|
110
148
|
|
|
111
149
|
/**
|
|
112
150
|
* The callback function when the panel is opened
|
|
113
|
-
*
|
|
151
|
+
*
|
|
114
152
|
* 面板打开回调
|
|
115
|
-
*
|
|
153
|
+
*
|
|
116
154
|
* default: none
|
|
117
155
|
*/
|
|
118
156
|
onChange?: () => void;
|
|
119
157
|
|
|
158
|
+
/**
|
|
159
|
+
* children
|
|
160
|
+
*
|
|
161
|
+
* 子元素
|
|
162
|
+
*
|
|
163
|
+
* default: none
|
|
164
|
+
*/
|
|
165
|
+
children?: ReactNode;
|
|
120
166
|
}
|
|
121
167
|
|
|
122
168
|
export interface CardSubmitProps extends ButtonProps {
|
package/css/CardGroup/index.d.ts
CHANGED
|
@@ -8,36 +8,36 @@ export interface CardGroupProps extends StandardProps {
|
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* group height
|
|
11
|
-
*
|
|
11
|
+
*
|
|
12
12
|
* 卡片组高度
|
|
13
|
-
*
|
|
13
|
+
*
|
|
14
14
|
* default: none
|
|
15
15
|
*/
|
|
16
16
|
height?: number;
|
|
17
|
-
|
|
17
|
+
|
|
18
18
|
/**
|
|
19
19
|
* card min width
|
|
20
20
|
*
|
|
21
|
-
* 卡片最小宽度
|
|
22
|
-
*
|
|
21
|
+
* 卡片最小宽度
|
|
22
|
+
*
|
|
23
23
|
* default: none
|
|
24
24
|
*/
|
|
25
25
|
cardWidth?: number;
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
28
|
* items count each row, not work while cardWidth setted
|
|
29
|
-
*
|
|
29
|
+
*
|
|
30
30
|
* 列数,设置 cardWidth 后该属性将失效
|
|
31
|
-
*
|
|
31
|
+
*
|
|
32
32
|
* default: 3
|
|
33
33
|
*/
|
|
34
34
|
columns?: number;
|
|
35
35
|
|
|
36
36
|
/**
|
|
37
37
|
* grid style
|
|
38
|
-
*
|
|
38
|
+
*
|
|
39
39
|
* 卡片网格样式
|
|
40
|
-
*
|
|
40
|
+
*
|
|
41
41
|
* default: none
|
|
42
42
|
*/
|
|
43
43
|
gridStyle?: React.CSSProperties;
|
|
@@ -45,71 +45,89 @@ export interface CardGroupProps extends StandardProps {
|
|
|
45
45
|
|
|
46
46
|
/**
|
|
47
47
|
* gutter width horizontal and vertical, if diff shoud set gridStyle
|
|
48
|
-
*
|
|
48
|
+
*
|
|
49
49
|
* 卡片横向纵向间距,如果两个间距相互独立可以通过 gridStyle 调整
|
|
50
|
-
*
|
|
50
|
+
*
|
|
51
51
|
* default: 16
|
|
52
52
|
*/
|
|
53
53
|
gutter?: number;
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* children
|
|
57
|
+
*
|
|
58
|
+
* 子元素
|
|
59
|
+
*
|
|
60
|
+
* default: -
|
|
61
|
+
*/
|
|
62
|
+
children?: ReactNode;
|
|
54
63
|
}
|
|
55
64
|
|
|
56
65
|
|
|
57
66
|
export interface CardGroupItemProps<T> extends StandardProps {
|
|
58
|
-
|
|
67
|
+
|
|
59
68
|
/**
|
|
60
69
|
* desc: lazy load placeholder, enable lazy load while set
|
|
61
|
-
*
|
|
70
|
+
*
|
|
62
71
|
* 懒加载占位元素,设置后卡片将开启懒加载
|
|
63
|
-
*
|
|
72
|
+
*
|
|
64
73
|
* default: none
|
|
65
74
|
*/
|
|
66
75
|
placeholder?: ReactNode;
|
|
67
|
-
|
|
76
|
+
|
|
68
77
|
/**
|
|
69
78
|
* desc: checked status, hide while not set
|
|
70
|
-
*
|
|
79
|
+
*
|
|
71
80
|
* checked 表示选中状态,不设置则不显示选择框
|
|
72
|
-
*
|
|
81
|
+
*
|
|
73
82
|
* default: -
|
|
74
83
|
*/
|
|
75
84
|
checked?: boolean | undefined;
|
|
76
|
-
|
|
85
|
+
|
|
77
86
|
/**
|
|
78
87
|
* desc: disable checkbox
|
|
79
|
-
*
|
|
88
|
+
*
|
|
80
89
|
* 是否禁用选择框
|
|
81
|
-
*
|
|
90
|
+
*
|
|
82
91
|
* default: false
|
|
83
92
|
*/
|
|
84
93
|
disabled?: boolean;
|
|
85
|
-
|
|
94
|
+
|
|
86
95
|
/**
|
|
87
96
|
* desc: Specifies the result
|
|
88
|
-
*
|
|
97
|
+
*
|
|
89
98
|
* 选中时返回值
|
|
90
|
-
*
|
|
99
|
+
*
|
|
91
100
|
* default: true
|
|
92
101
|
*/
|
|
93
102
|
value?: T;
|
|
94
|
-
|
|
103
|
+
|
|
95
104
|
/**
|
|
96
105
|
* desc: check changed, value is the value props
|
|
97
|
-
*
|
|
106
|
+
*
|
|
98
107
|
* 选中状态变化事件,checked表示选中状态,value代表对应的值
|
|
99
|
-
*
|
|
108
|
+
*
|
|
100
109
|
* default: -
|
|
101
110
|
*/
|
|
102
111
|
onChange?: (checked: boolean, value: T) => void;
|
|
103
|
-
|
|
112
|
+
|
|
113
|
+
/**
|
|
114
|
+
* children
|
|
115
|
+
*
|
|
116
|
+
* 子元素
|
|
117
|
+
*
|
|
118
|
+
* default: -
|
|
119
|
+
*/
|
|
120
|
+
children?: ReactNode;
|
|
121
|
+
|
|
104
122
|
}
|
|
105
123
|
|
|
106
124
|
|
|
107
|
-
declare class CardGroupItem<T = any> extends React.Component<CardGroupItemProps<T>, {}> {
|
|
125
|
+
declare class CardGroupItem<T = any> extends React.Component<CardGroupItemProps<T>, {}> {
|
|
108
126
|
render(): JSX.Element;
|
|
109
127
|
}
|
|
110
128
|
|
|
111
129
|
|
|
112
|
-
declare class CardGroup extends React.Component<CardGroupProps, {}> {
|
|
130
|
+
declare class CardGroup extends React.Component<CardGroupProps, {}> {
|
|
113
131
|
static Item: typeof CardGroupItem
|
|
114
132
|
|
|
115
133
|
render(): JSX.Element;
|
package/css/Carousel/index.d.ts
CHANGED
|
@@ -7,48 +7,57 @@ export interface CarouselProps extends StandardProps {
|
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* animation effects, options: <br />slide - horizontal sliding<br />slide-y - vertical sliding<br />fade - fading
|
|
10
|
-
*
|
|
10
|
+
*
|
|
11
11
|
* 动画效果,可选值为 slide - 横向滑动 ,slide-y - 垂直滑动 ,fade - 淡入淡出
|
|
12
|
-
*
|
|
12
|
+
*
|
|
13
13
|
* default: 'slide'
|
|
14
14
|
*/
|
|
15
15
|
animation?: string;
|
|
16
|
-
|
|
16
|
+
|
|
17
17
|
/**
|
|
18
18
|
* the position of indicator
|
|
19
|
-
*
|
|
19
|
+
*
|
|
20
20
|
* 指示标示位置
|
|
21
|
-
*
|
|
21
|
+
*
|
|
22
22
|
* default: 'center'
|
|
23
23
|
*/
|
|
24
24
|
indicatorPosition?: 'left' | 'center' | 'right';
|
|
25
|
-
|
|
25
|
+
|
|
26
26
|
/**
|
|
27
27
|
* the style of indicator, string options: ['circle', 'number', 'line'], using function for custom styles
|
|
28
|
-
*
|
|
28
|
+
*
|
|
29
29
|
* 指示标示样式,字符串可以是:['circle', 'number', 'line'],函数则可以自定义样式: (current, moveTo) => (<Component />)
|
|
30
|
-
*
|
|
30
|
+
*
|
|
31
31
|
* default: 'circle'
|
|
32
32
|
*/
|
|
33
33
|
indicatorType?: ((current: number, moveTo: () => void) => ReactNode) | string;
|
|
34
|
-
|
|
34
|
+
|
|
35
35
|
/**
|
|
36
36
|
* the interval of animation, When it is not 0, play automatically
|
|
37
|
-
*
|
|
37
|
+
*
|
|
38
38
|
* 动画间隔时间,为 0 时,不自动播放
|
|
39
|
-
*
|
|
39
|
+
*
|
|
40
40
|
* default: 0
|
|
41
41
|
*/
|
|
42
42
|
interval?: number;
|
|
43
43
|
|
|
44
44
|
/**
|
|
45
45
|
* move callback
|
|
46
|
-
*
|
|
46
|
+
*
|
|
47
47
|
* 轮播后的回调
|
|
48
|
-
*
|
|
48
|
+
*
|
|
49
49
|
* default: none
|
|
50
50
|
*/
|
|
51
51
|
onMove?: (current: number, extra: { prev: number, direction: 'forward' | 'backward', moveTo: (n: number) => void}) => void;
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* children
|
|
55
|
+
*
|
|
56
|
+
* 子元素
|
|
57
|
+
*
|
|
58
|
+
* default: -
|
|
59
|
+
*/
|
|
60
|
+
children?: ReactNode;
|
|
52
61
|
}
|
|
53
62
|
|
|
54
63
|
|
|
@@ -56,4 +65,4 @@ declare class Carousel extends React.Component<CarouselProps> {
|
|
|
56
65
|
render(): JSX.Element
|
|
57
66
|
}
|
|
58
67
|
|
|
59
|
-
export default Carousel
|
|
68
|
+
export default Carousel
|
package/css/Gap/index.d.ts
CHANGED
|
@@ -1,26 +1,36 @@
|
|
|
1
1
|
import * as React from 'react'
|
|
2
2
|
import { StandardProps } from '../@types/common'
|
|
3
|
+
import { ReactNode } from "react"
|
|
3
4
|
|
|
4
5
|
export interface GapProps extends StandardProps{
|
|
5
6
|
|
|
6
7
|
/**
|
|
7
8
|
* column spacing in the horizontal direction
|
|
8
|
-
*
|
|
9
|
+
*
|
|
9
10
|
* 水平方向的列间距
|
|
10
|
-
*
|
|
11
|
+
*
|
|
11
12
|
* default: 8
|
|
12
13
|
*/
|
|
13
14
|
column?: number | string;
|
|
14
15
|
|
|
15
16
|
/**
|
|
16
17
|
* vertical line spacing
|
|
17
|
-
*
|
|
18
|
+
*
|
|
18
19
|
* 垂直方向的行间距
|
|
19
|
-
*
|
|
20
|
+
*
|
|
20
21
|
* default: 8
|
|
21
22
|
*/
|
|
22
23
|
row?: number | string;
|
|
23
24
|
|
|
25
|
+
/**
|
|
26
|
+
* children
|
|
27
|
+
*
|
|
28
|
+
* 子元素
|
|
29
|
+
*
|
|
30
|
+
* default: -
|
|
31
|
+
*/
|
|
32
|
+
children?: ReactNode;
|
|
33
|
+
|
|
24
34
|
}
|
|
25
35
|
|
|
26
36
|
declare class Gap extends React.Component<GapProps, any> {}
|
package/css/Grid/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from 'react'
|
|
2
2
|
import {StandardProps} from '../@types/common'
|
|
3
|
+
import { ReactNode } from "react"
|
|
3
4
|
|
|
4
5
|
export interface GridProps extends StandardProps{
|
|
5
6
|
|
|
@@ -31,6 +32,15 @@ export interface GridProps extends StandardProps{
|
|
|
31
32
|
*/
|
|
32
33
|
width?: number;
|
|
33
34
|
|
|
35
|
+
/**
|
|
36
|
+
* children
|
|
37
|
+
*
|
|
38
|
+
* 子元素
|
|
39
|
+
*
|
|
40
|
+
* default: -
|
|
41
|
+
*/
|
|
42
|
+
children?: ReactNode;
|
|
43
|
+
|
|
34
44
|
}
|
|
35
45
|
|
|
36
46
|
declare class Grid extends React.Component<GridProps, any> {}
|