@momo-kits/step 0.0.59-beta.2 → 0.0.59-beta.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/Step.horizontal.js +3 -7
- package/Step.js +1 -2
- package/package.json +1 -1
package/Step.horizontal.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Colors, IconSource, Image, Text } from '@momo-kits/core';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import React, { Component } from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { View, StyleSheet, Dimensions, ScrollView } from 'react-native';
|
|
5
5
|
import { IS_VALID_URL } from './Step.constants';
|
|
6
6
|
|
|
7
7
|
const CIRCLE_SIZE = 24;
|
|
@@ -300,7 +300,7 @@ export default class HorizontalStep extends Component {
|
|
|
300
300
|
let textFontStyle = styles.titleDefault;
|
|
301
301
|
let lineActive = lineColorInActive || Colors.black_04;
|
|
302
302
|
let minHeight = !isVertical && styles.minHeight;
|
|
303
|
-
|
|
303
|
+
|
|
304
304
|
let tintColor = '#ffd6e7';
|
|
305
305
|
|
|
306
306
|
// This is all properties in active state
|
|
@@ -309,7 +309,6 @@ export default class HorizontalStep extends Component {
|
|
|
309
309
|
circleColor = circleColorActive || '#d82d8b';
|
|
310
310
|
circleBorderColor = circleBorderColorActive || Colors.pink_09;
|
|
311
311
|
textFontStyle = styles.titleActive;
|
|
312
|
-
accessibilityLabel = 'checking';
|
|
313
312
|
}
|
|
314
313
|
|
|
315
314
|
if (circleChecked) {
|
|
@@ -317,7 +316,6 @@ export default class HorizontalStep extends Component {
|
|
|
317
316
|
lineActive = lineColorActive || tintColor;
|
|
318
317
|
circleColor = circleColorChecked || '#ffadd2';
|
|
319
318
|
circleBorderColor = circleBorderColorChecked || Colors.pink_09;
|
|
320
|
-
accessibilityLabel = 'checked';
|
|
321
319
|
}
|
|
322
320
|
|
|
323
321
|
if (circleUnchecked) {
|
|
@@ -337,10 +335,8 @@ export default class HorizontalStep extends Component {
|
|
|
337
335
|
flex: 1,
|
|
338
336
|
justifyContent: 'center',
|
|
339
337
|
width: lineWidth,
|
|
340
|
-
// backgroundColor: 'red'
|
|
341
338
|
}}>
|
|
342
339
|
<View
|
|
343
|
-
accessibilityLabel={accessibilityLabel}
|
|
344
340
|
style={{
|
|
345
341
|
flexDirection: 'column',
|
|
346
342
|
alignItems: 'center',
|
|
@@ -392,7 +388,7 @@ export default class HorizontalStep extends Component {
|
|
|
392
388
|
};
|
|
393
389
|
|
|
394
390
|
render() {
|
|
395
|
-
const { style = {} } = this.props;
|
|
391
|
+
const { style = {}, scrollEnable = false } = this.props;
|
|
396
392
|
return (
|
|
397
393
|
<View style={[style]} onLayout={this.onLayout}>
|
|
398
394
|
<View
|
package/Step.js
CHANGED
|
@@ -3,8 +3,7 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import HorizontalStep from './Step.horizontal';
|
|
4
4
|
import VerticalStep from './Step.vertical';
|
|
5
5
|
|
|
6
|
-
import { Colors } from '@momo-kits/core';
|
|
7
|
-
|
|
6
|
+
import { Colors, IconSource } from '@momo-kits/core';
|
|
8
7
|
export default class Step extends Component {
|
|
9
8
|
constructor(props) {
|
|
10
9
|
super(props);
|