diff --git a/components/accordion/__tests__/__snapshots__/demo.test.web.js.snap b/components/accordion/__tests__/__snapshots__/demo.test.web.js.snap index f33ace5481..e796869f10 100644 --- a/components/accordion/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/accordion/__tests__/__snapshots__/demo.test.web.js.snap @@ -98,6 +98,10 @@ exports[`renders ./components/accordion/demo/basic.md correctly 1`] = ` Content 1 +
+
+ diff --git a/components/badge/__tests__/__snapshots__/demo.test.web.js.snap b/components/badge/__tests__/__snapshots__/demo.test.web.js.snap index 98770d5268..6382cfe4a8 100644 --- a/components/badge/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/badge/__tests__/__snapshots__/demo.test.web.js.snap @@ -41,6 +41,10 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" /> +
+
+
+
+
+
+ diff --git a/components/button/__tests__/__snapshots__/demo.test.web.js.snap b/components/button/__tests__/__snapshots__/demo.test.web.js.snap index d8ab5bc0af..c09af83966 100644 --- a/components/button/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/button/__tests__/__snapshots__/demo.test.web.js.snap @@ -150,6 +150,10 @@ exports[`renders ./components/button/demo/complex.md correctly 1`] = ` +
+ diff --git a/components/checkbox/__tests__/__snapshots__/demo.test.web.js.snap b/components/checkbox/__tests__/__snapshots__/demo.test.web.js.snap index 8e184bd9b7..c9bf95f07c 100644 --- a/components/checkbox/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/checkbox/__tests__/__snapshots__/demo.test.web.js.snap @@ -44,6 +44,10 @@ exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = ` 博士 +
+
+
+ diff --git a/components/date-picker/__tests__/__snapshots__/demo.test.web.js.snap b/components/date-picker/__tests__/__snapshots__/demo.test.web.js.snap index 0e496ffed7..e00db98b87 100644 --- a/components/date-picker/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/date-picker/__tests__/__snapshots__/demo.test.web.js.snap @@ -30,6 +30,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" /> +
@@ -53,6 +57,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" />
+
@@ -76,6 +84,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" />
+
@@ -99,6 +111,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" />
+
@@ -122,6 +138,10 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" />
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -529,6 +609,10 @@ exports[`renders ./components/drawer/demo/dock.md correctly 1`] = ` Category +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ diff --git a/components/input-item/__tests__/__snapshots__/demo.test.web.js.snap b/components/input-item/__tests__/__snapshots__/demo.test.web.js.snap index 24f56ffdf5..2aefe3549e 100644 --- a/components/input-item/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/input-item/__tests__/__snapshots__/demo.test.web.js.snap @@ -65,6 +65,10 @@ exports[`renders ./components/input-item/demo/basic.md correctly 1`] = ` + diff --git a/components/list-view/__tests__/__snapshots__/demo.test.web.js.snap b/components/list-view/__tests__/__snapshots__/demo.test.web.js.snap index 983ff696dd..a10a3c8802 100644 --- a/components/list-view/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/list-view/__tests__/__snapshots__/demo.test.web.js.snap @@ -139,6 +139,10 @@ exports[`renders ./components/list-view/demo/idxed.md correctly 1`] = ` +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @@ -619,6 +707,10 @@ exports[`renders ./components/list-view/demo/idxed-sticky.md correctly 1`] = ` + @@ -638,6 +730,10 @@ exports[`renders ./components/list-view/demo/idxed-sticky.md correctly 1`] = ` 安徽省 +
+
+
+
+
+
+
+
+
+
+
@@ -797,6 +933,10 @@ exports[`renders ./components/list-view/demo/idxed-sticky.md correctly 1`] = `
+ @@ -816,6 +956,10 @@ exports[`renders ./components/list-view/demo/idxed-sticky.md correctly 1`] = ` 北京市 +
+
+
+
+
+
+
+
+ diff --git a/components/list/ListItem.web.tsx b/components/list/ListItem.web.tsx index a4fc5de220..a128ee4626 100644 --- a/components/list/ListItem.web.tsx +++ b/components/list/ListItem.web.tsx @@ -28,8 +28,8 @@ class ListItem extends React.Component { constructor(props) { super(props); this.state = { - coverRipleStyle: {}, - RipleClicked: false, + coverRippleStyle: { display: 'none' }, + RippleClicked: false, }; } @@ -49,24 +49,24 @@ class ListItem extends React.Component { this.debounceTimeout = null; } let Item = ev.currentTarget; - let RipleWidth = Math.max(Item.offsetHeight, Item.offsetWidth); + let RippleWidth = Math.max(Item.offsetHeight, Item.offsetWidth); const ClientRect = ev.currentTarget.getBoundingClientRect(); let pointX = ev.clientX - ClientRect.left - Item.offsetWidth / 2; let pointY = ev.clientY - ClientRect.top - Item.offsetWidth / 2; - const coverRipleStyle = { - width: `${RipleWidth}px`, - height: `${RipleWidth}px`, + const coverRippleStyle = { + width: `${RippleWidth}px`, + height: `${RippleWidth}px`, left: `${pointX}px`, top: `${pointY}px`, }; this.setState({ - coverRipleStyle, - RipleClicked: true, + coverRippleStyle, + RippleClicked: true, }, () => { this.debounceTimeout = setTimeout(() => { this.setState({ - coverRipleStyle: {}, - RipleClicked: false, + coverRippleStyle: { display: 'none' }, + RippleClicked: false, }); }, 1000); }); @@ -81,9 +81,9 @@ class ListItem extends React.Component { const { prefixCls, className, activeStyle, error, align, wrap, disabled, - children, multipleLine, thumb, extra, arrow, onClick, platform, ...restProps} = this.props; + children, multipleLine, thumb, extra, arrow, onClick, ...restProps} = this.props; - const { coverRipleStyle, RipleClicked } = this.state; + const { coverRippleStyle, RippleClicked } = this.state; const wrapCls = { [className as string]: className, [`${prefixCls}-item`]: true, @@ -94,9 +94,9 @@ class ListItem extends React.Component { [`${prefixCls}-item-bottom`]: align === 'bottom', }; - const ripleCls = classNames({ - [`${prefixCls}-riple`]: true, - [`${prefixCls}-riple-animate`]: RipleClicked, + const rippleCls = classNames({ + [`${prefixCls}-ripple`]: true, + [`${prefixCls}-ripple-animate`]: RippleClicked, }); const lineCls = classNames({ @@ -112,7 +112,6 @@ class ListItem extends React.Component { [`${prefixCls}-arrow-vertical-up`]: arrow === 'up', }); - const isAndroid = platform === 'android' || (platform === 'cross' && !!navigator.userAgent.match(/Android/i)); const content =
{ @@ -128,7 +127,7 @@ class ListItem extends React.Component { {extra !== undefined &&
{extra}
} {arrow &&
}
- {isAndroid &&
} +
; return ( diff --git a/components/list/__tests__/__snapshots__/demo.test.web.js.snap b/components/list/__tests__/__snapshots__/demo.test.web.js.snap index 6c197e951f..7bd8353e48 100644 --- a/components/list/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/list/__tests__/__snapshots__/demo.test.web.js.snap @@ -30,6 +30,10 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = ` 内容内容
+ @@ -64,6 +68,10 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" /> +
+ @@ -142,6 +155,10 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = ` 标题文字 +
+
+
+ @@ -245,6 +274,10 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = ` 内容内容 + @@ -281,6 +314,10 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" /> +
+ @@ -331,6 +372,10 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = ` 单行模式，文字超长则隐藏；文本内容文本内容文本内容文本内容 +
+
+
+ @@ -412,6 +469,10 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = ` class="am-list-extra" /> +
+ @@ -527,6 +592,10 @@ exports[`renders ./components/list/demo/form.md correctly 1`] = ` +
+
+
+
+ diff --git a/components/menu/__tests__/__snapshots__/index.test.web.js.snap b/components/menu/__tests__/__snapshots__/index.test.web.js.snap index 0cc52de1ca..1374c0acec 100644 --- a/components/menu/__tests__/__snapshots__/index.test.web.js.snap +++ b/components/menu/__tests__/__snapshots__/index.test.web.js.snap @@ -50,6 +50,10 @@ exports[`Menu level 1 renders correctly 1`] = ` +
+ @@ -120,6 +128,10 @@ exports[`Menu renders correctly 1`] = ` Item1 +
+ diff --git a/components/picker/__tests__/__snapshots__/demo.test.web.js.snap b/components/picker/__tests__/__snapshots__/demo.test.web.js.snap index 2e389b1c71..c38e75cdf1 100644 --- a/components/picker/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/picker/__tests__/__snapshots__/demo.test.web.js.snap @@ -33,6 +33,10 @@ exports[`renders ./components/picker/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" /> +
@@ -56,6 +60,10 @@ exports[`renders ./components/picker/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" />
+
@@ -79,6 +87,10 @@ exports[`renders ./components/picker/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" />
+
@@ -102,6 +114,10 @@ exports[`renders ./components/picker/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" />
+
diff --git a/components/radio/__tests__/__snapshots__/demo.test.web.js.snap b/components/radio/__tests__/__snapshots__/demo.test.web.js.snap index 043773adb8..eeb1a563a5 100644 --- a/components/radio/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/radio/__tests__/__snapshots__/demo.test.web.js.snap @@ -46,6 +46,10 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
+
+ @@ -128,6 +136,10 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = ` +
+ @@ -213,6 +229,10 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = ` +
+ @@ -297,6 +321,10 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = ` +
+ diff --git a/components/stepper/__tests__/__snapshots__/demo.test.web.js.snap b/components/stepper/__tests__/__snapshots__/demo.test.web.js.snap index 6aa2780351..092da6528e 100644 --- a/components/stepper/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/stepper/__tests__/__snapshots__/demo.test.web.js.snap @@ -82,6 +82,10 @@ exports[`renders ./components/stepper/demo/basic.md correctly 1`] = ` +
+
+ diff --git a/components/swipe-action/__tests__/__snapshots__/demo.test.web.js.snap b/components/swipe-action/__tests__/__snapshots__/demo.test.web.js.snap index 0da7b35d5d..e55e0ccf3e 100644 --- a/components/swipe-action/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/swipe-action/__tests__/__snapshots__/demo.test.web.js.snap @@ -91,6 +91,10 @@ exports[`renders ./components/swipe-action/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" /> + @@ -179,6 +183,10 @@ exports[`renders ./components/swipe-action/demo/basic.md correctly 1`] = ` class="am-list-arrow am-list-arrow-horizontal" /> + diff --git a/components/switch/__tests__/__snapshots__/demo.test.web.js.snap b/components/switch/__tests__/__snapshots__/demo.test.web.js.snap index adf5833333..be3d4be132 100644 --- a/components/switch/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/switch/__tests__/__snapshots__/demo.test.web.js.snap @@ -41,6 +41,10 @@ exports[`renders ./components/switch/demo/basic.md correctly 1`] = ` +
+
+
+
+
+ diff --git a/components/textarea-item/__tests__/__snapshots__/demo.test.web.js.snap b/components/textarea-item/__tests__/__snapshots__/demo.test.web.js.snap index d241890bc3..ddd31f0a7b 100644 --- a/components/textarea-item/__tests__/__snapshots__/demo.test.web.js.snap +++ b/components/textarea-item/__tests__/__snapshots__/demo.test.web.js.snap @@ -65,6 +65,10 @@ exports[`renders ./components/textarea-item/demo/basic.md correctly 1`] = ` +