Skip to content

Commit 7bfa7c4

Browse files
star-hamstershenzhiqingnullptr-zffSunLxy
authored
fix(stepper): 修改实例展示 (#436)
* feat(result): 增加jest测试 * test(card): 增加card测试用例 * fix(card): 修改类型修改长按功能 * fix(ExpandableSection): 增加ExpandableSection组件测试用例 * fix(Stepper): 修改Stepper实例 * fix(ExpandableSection): 删除同名文件 * doc(TransitionImage): 重构过度动画图像组件 * docs: 优化Drawer文档 * feat:添加文档预览 * fix:调整Layout为ts组件 * test: add ActionBar component test (#399) * fix:修复文档监听问题 * docs: 优化Button文档 * feat: 优化文档包引入 * merge: 合并冲突 Co-authored-by: shenzhiqing <shenzhiqing@nihaosi.com> Co-authored-by: zhouzheng <zhouzheng0646@qq.com> Co-authored-by: ff <ff@ffdeMac-Pro.local> Co-authored-by: SunLxy <1011771396@qq.com> Co-authored-by: yaobin <yaob421123@163.com>
1 parent 06b7aaf commit 7bfa7c4

File tree

7 files changed

+91
-128
lines changed

7 files changed

+91
-128
lines changed

‎example/examples/src/routes/CheckBox/index.tsx‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,18 @@ export default class BadgeView extends React.Component<BadgeViewProps> {
3636
默认未选中
3737
</CheckBox>
3838
</List.Item>
39+
<List.Item style={{paddingVertical: 0}}>
40+
<CheckBox
41+
checked={true}
42+
checkedIcon="check-square"
43+
unCheckedIcon="square-o"
44+
style={{paddingVertical: 10}}
45+
onChange={checked => {
46+
console.log(checked);
47+
}}>
48+
方形选中框
49+
</CheckBox>
50+
</List.Item>
3951
<List.Item style={{paddingVertical: 0}}>
4052
<CheckBox
4153
disabled

‎example/examples/src/routes/Stepper/index.tsx‎

Lines changed: 75 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,7 @@ export interface IndexState {
1616
value1: number;
1717
value2: number;
1818
}
19-
export default class StepperExample extends React.Component<
20-
IndexProps,
21-
IndexState
22-
> {
19+
export default class StepperExample extends React.Component<IndexProps, IndexState> {
2320
state = {
2421
value: 0,
2522
value1: 2,
@@ -38,97 +35,80 @@ export default class StepperExample extends React.Component<
3835
<Layout>
3936
<Header title={title} description={description} />
4037
<Body>
41-
<List flat={false} extra="test">
42-
<List.Item
43-
extra={
44-
<Stepper
45-
value={this.state.value}
46-
onChange={value => {
47-
this.setState({value});
48-
}}
49-
/>
50-
}>
51-
基本使用：
52-
</List.Item>
53-
<List.Item
54-
extra={
55-
<Stepper
56-
size="small"
57-
value={this.state.value}
58-
onChange={value => {
59-
this.setState({value});
60-
}}
61-
/>
62-
}>
63-
尺寸控制(size: small | default | large)：
64-
</List.Item>
65-
<List.Item
66-
extra={
67-
<Stepper
68-
disabledLongPress={true}
69-
value={this.state.value2}
70-
onChange={value2 => {
71-
this.setState({value2});
72-
}}
73-
/>
74-
}>
75-
按钮开启长按(disabledLongPress: boolean)：
76-
</List.Item>
77-
<List.Item
78-
extra={
79-
<Stepper
80-
width={120}
81-
value={this.state.value2}
82-
onChange={value2 => {
83-
this.setState({value2});
84-
}}
85-
/>
86-
}>
87-
自定义宽度(width: number)：
88-
</List.Item>
89-
<List.Item
90-
extra={
91-
<Stepper
92-
value={this.state.value}
93-
color={{
94-
color: '#ccc',
95-
borderColor: '#999',
96-
controlColor: 'red',
97-
valueColor: '#000',
98-
}}
99-
onChange={value => {
100-
this.setState({value});
101-
}}
102-
/>
103-
}>
104-
自定义颜色(color: Color)：
105-
</List.Item>
106-
<List.Item
107-
extra={
108-
<Stepper
109-
disabledInput={false}
110-
value={this.state.value1}
111-
onChange={value1 => {
112-
this.setState({value1});
113-
}}
114-
/>
115-
}>
116-
不禁止输入(disabledInput: boolean)：
117-
</List.Item>
118-
<List.Item
119-
extra={
120-
<Stepper
121-
disabled={true}
122-
disabledInput={false}
123-
value={this.state.value1}
124-
onChange={value1 => {
125-
this.setState({value1});
126-
}}
127-
/>
128-
}>
129-
禁止点击(disabled: boolean)：
130-
</List.Item>
131-
</List>
38+
<Card title="基础实例">
39+
<Stepper
40+
value={this.state.value}
41+
onChange={value => {
42+
this.setState({value});
43+
}}
44+
/>
45+
</Card>
46+
47+
<Card title="尺寸控制(size: small | default | large)：">
48+
<Stepper
49+
size="small"
50+
value={this.state.value}
51+
onChange={value => {
52+
this.setState({value});
53+
}}
54+
/>
55+
</Card>
56+
57+
<Card title="按钮开启长按(disabledLongPress: boolean)：">
58+
<Stepper
59+
disabledLongPress={true}
60+
value={this.state.value2}
61+
onChange={value2 => {
62+
this.setState({value2});
63+
}}
64+
/>
65+
</Card>
66+
67+
<Card title="自定义宽度(width: number)：">
68+
<Stepper
69+
width={120}
70+
value={this.state.value2}
71+
onChange={value2 => {
72+
this.setState({value2});
73+
}}
74+
/>
75+
</Card>
76+
77+
<Card title="自定义颜色(color: Color)：">
78+
<Stepper
79+
value={this.state.value}
80+
color={{
81+
color: '#ccc',
82+
borderColor: '#999',
83+
controlColor: 'red',
84+
valueColor: '#000',
85+
}}
86+
onChange={value => {
87+
this.setState({value});
88+
}}
89+
/>
90+
</Card>
91+
92+
<Card title="不禁止输入(disabledInput: boolean)：">
93+
<Stepper
94+
disabledInput={false}
95+
value={this.state.value1}
96+
onChange={value1 => {
97+
this.setState({value1});
98+
}}
99+
/>
100+
</Card>
101+
102+
<Card title="禁止点击(disabled: boolean)：">
103+
<Stepper
104+
disabled={true}
105+
disabledInput={false}
106+
value={this.state.value1}
107+
onChange={value1 => {
108+
this.setState({value1});
109+
}}
110+
/>
111+
</Card>
132112
</Body>
133113
<Footer />
134114
</Layout>

‎packages/core/src/Button/README.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -236,4 +236,3 @@ export default Demo
236236
| type | 按钮类型 | `'primary' \| 'success' \| 'warning' \| 'danger' \| 'light' \| 'dark'` | - |
237237
| size | 按钮尺寸 | `'small' \| 'default' \| 'large'` | `'default'` |
238238

239-

‎packages/core/src/Card/index.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,15 @@ import {
88
TouchableOpacity,
99
TouchableOpacityProps,
1010
Animated,
11+
ViewProps,
1112
} from 'react-native';
1213
import Icon from '../Icon';
1314
import { checked } from './svg';
1415
import { colors } from '../utils';
1516
import CardTitle from './Card.Title';
1617
import CardActions from './Card.Actions';
1718

18-
export type CardProps = {
19+
export interface CardProps extends ViewProps {
1920
containerStyle?: StyleProp<ViewStyle>;
2021
wrapperStyle?: StyleProp<ViewStyle>;
2122
borderRadius?: number;
@@ -28,7 +29,7 @@ export type CardProps = {
2829
style?: ViewStyle;
2930
iconStyle?: ViewStyle;
3031
};
31-
};
32+
}
3233

3334
const Card = ({
3435
children,
@@ -77,6 +78,7 @@ const Card = ({
7778
<Container
7879
{...attributes}
7980
onPress={onPress}
81+
onLongPress={onLongPress}
8082
delayPressIn={10}
8183
activeOpacity={0.6}
8284
style={StyleSheet.flatten([

‎packages/core/src/TransitionImage/README.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,4 +73,3 @@ import { ImageProps } from 'react-native';
7373
| placeholderStyle | 占位符容器的附加样式（可选） | StyleProp<ViewStyle> | - |
7474
| transition | 在图像加载时执行淡入淡出过渡 | boolean | - |
7575
| transitionDuration | 图像加载时执行淡入淡出过渡时间 | boolean | - |
76-

‎test-ci/src/__tests__/expandableSection.tsx‎

Lines changed: 0 additions & 28 deletions
This file was deleted.

‎website/src/pages/components/button/index.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,3 @@ import md from '@uiw/react-native/lib/Button/README.md';
33

44
const DEMO = () => <Preview {...md} />;
55
export default DEMO;
6-

0 commit comments

Comments
 (0)