diff --git a/src/components/LocaleProvider/__tests__/__snapshots__/index.test.js.snap b/src/components/LocaleProvider/__tests__/__snapshots__/index.test.js.snap
index 40480f30..df05f108 100644
--- a/src/components/LocaleProvider/__tests__/__snapshots__/index.test.js.snap
+++ b/src/components/LocaleProvider/__tests__/__snapshots__/index.test.js.snap
@@ -1,12 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`LocaleProvider Modal 1`] = `"<div tabindex=\\"-1\\" class=\\"uc-fe-modal-wrap  css-yo7y0h-ModalWrap-ModalWrap e1n9h5ah1\\" role=\\"dialog\\" aria-labelledby=\\"rcDialogTitle0\\" style=\\"z-index: 1010;\\"><div role=\\"document\\" style=\\"width: 400px;\\" class=\\"uc-fe-modal\\"><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div><div class=\\"uc-fe-modal-content\\"><div class=\\"uc-fe-modal-header\\"><div class=\\"uc-fe-modal-title\\" id=\\"rcDialogTitle0\\"><div class=\\"uc-fe-modal-title-content\\">alert</div><svg class=\\"uc-fe-modal-close css-19dc6vi-SvgIconWrapper-inlineBlockWithVerticalMixin-SvgIconWrapper e1diw3at0\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,2 C6.47727273,2 2,6.47727273 2,12 C2,17.5227273 6.47727273,22 12,22 C17.5227273,22 22,17.5227273 22,12 C22,6.47727273 17.5227273,2 12,2 Z M12,3.81818182 C16.5227273,3.81818182 20.1818182,7.47727273 20.1818182,12 C20.1818182,16.5227273 16.5227273,20.1818182 12,20.1818182 C7.47727273,20.1818182 3.81818182,16.5227273 3.81818182,12 C3.81818182,7.47727273 7.47727273,3.81818182 12,3.81818182 Z M14.8284271,7.75735931 L12.0003593,10.5863593 L9.17157288,7.75735931 L7.75735931,9.17157288 L10.5863593,12.0003593 L7.75735931,14.8284271 L9.17157288,16.2426407 L12.0003593,13.4143593 L14.8284271,16.2426407 L16.2426407,14.8284271 L13.4143593,12.0003593 L16.2426407,9.17157288 L14.8284271,7.75735931 Z\\"></path></svg></div></div><div class=\\"uc-fe-modal-body\\"><div></div>content</div><div class=\\"uc-fe-modal-footer\\"><button type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-primary css-1ca8ali-SButton efyr0h00\\">确定</button></div></div><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div></div></div>"`;
+exports[`LocaleProvider Modal 1`] = `"<div tabindex=\\"-1\\" class=\\"uc-fe-modal-wrap  css-yo7y0h-ModalWrap-ModalWrap e1n9h5ah1\\" role=\\"dialog\\" aria-labelledby=\\"rcDialogTitle0\\" style=\\"z-index: 1010;\\"><div role=\\"document\\" style=\\"width: 400px;\\" class=\\"uc-fe-modal uc-fe-animation-fade-appear\\"><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div><div class=\\"uc-fe-modal-content\\"><div class=\\"uc-fe-modal-header\\"><div class=\\"uc-fe-modal-title\\" id=\\"rcDialogTitle0\\"><div class=\\"uc-fe-modal-title-content\\">alert</div><svg class=\\"uc-fe-modal-close css-19dc6vi-SvgIconWrapper-inlineBlockWithVerticalMixin-SvgIconWrapper e1diw3at0\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,2 C6.47727273,2 2,6.47727273 2,12 C2,17.5227273 6.47727273,22 12,22 C17.5227273,22 22,17.5227273 22,12 C22,6.47727273 17.5227273,2 12,2 Z M12,3.81818182 C16.5227273,3.81818182 20.1818182,7.47727273 20.1818182,12 C20.1818182,16.5227273 16.5227273,20.1818182 12,20.1818182 C7.47727273,20.1818182 3.81818182,16.5227273 3.81818182,12 C3.81818182,7.47727273 7.47727273,3.81818182 12,3.81818182 Z M14.8284271,7.75735931 L12.0003593,10.5863593 L9.17157288,7.75735931 L7.75735931,9.17157288 L10.5863593,12.0003593 L7.75735931,14.8284271 L9.17157288,16.2426407 L12.0003593,13.4143593 L14.8284271,16.2426407 L16.2426407,14.8284271 L13.4143593,12.0003593 L16.2426407,9.17157288 L14.8284271,7.75735931 Z\\"></path></svg></div></div><div class=\\"uc-fe-modal-body\\"><div></div>content</div><div class=\\"uc-fe-modal-footer\\"><button type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-primary css-1ca8ali-SButton efyr0h00\\">确定</button></div></div><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div></div></div>"`;
 
-exports[`LocaleProvider Modal 2`] = `"<div tabindex=\\"-1\\" class=\\"uc-fe-modal-wrap  css-yo7y0h-ModalWrap-ModalWrap e1n9h5ah1\\" role=\\"dialog\\" aria-labelledby=\\"rcDialogTitle1\\" style=\\"z-index: 1010;\\"><div role=\\"document\\" style=\\"width: 400px;\\" class=\\"uc-fe-modal\\"><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div><div class=\\"uc-fe-modal-content\\"><div class=\\"uc-fe-modal-header\\"><div class=\\"uc-fe-modal-title\\" id=\\"rcDialogTitle1\\"><div class=\\"uc-fe-modal-title-content\\">confirm</div><svg class=\\"uc-fe-modal-close css-19dc6vi-SvgIconWrapper-inlineBlockWithVerticalMixin-SvgIconWrapper e1diw3at0\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,2 C6.47727273,2 2,6.47727273 2,12 C2,17.5227273 6.47727273,22 12,22 C17.5227273,22 22,17.5227273 22,12 C22,6.47727273 17.5227273,2 12,2 Z M12,3.81818182 C16.5227273,3.81818182 20.1818182,7.47727273 20.1818182,12 C20.1818182,16.5227273 16.5227273,20.1818182 12,20.1818182 C7.47727273,20.1818182 3.81818182,16.5227273 3.81818182,12 C3.81818182,7.47727273 7.47727273,3.81818182 12,3.81818182 Z M14.8284271,7.75735931 L12.0003593,10.5863593 L9.17157288,7.75735931 L7.75735931,9.17157288 L10.5863593,12.0003593 L7.75735931,14.8284271 L9.17157288,16.2426407 L12.0003593,13.4143593 L14.8284271,16.2426407 L16.2426407,14.8284271 L13.4143593,12.0003593 L16.2426407,9.17157288 L14.8284271,7.75735931 Z\\"></path></svg></div></div><div class=\\"uc-fe-modal-body\\"><div></div>content</div><div class=\\"uc-fe-modal-footer\\"><button style=\\"margin-right: 8px;\\" type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-border css-126rppz-SButton efyr0h00\\">取消</button><button type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-primary css-1ca8ali-SButton efyr0h00\\">确定</button></div></div><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div></div></div>"`;
+exports[`LocaleProvider Modal 2`] = `"<div tabindex=\\"-1\\" class=\\"uc-fe-modal-wrap  css-yo7y0h-ModalWrap-ModalWrap e1n9h5ah1\\" role=\\"dialog\\" aria-labelledby=\\"rcDialogTitle1\\" style=\\"z-index: 1010;\\"><div role=\\"document\\" style=\\"width: 400px;\\" class=\\"uc-fe-modal uc-fe-animation-fade-appear\\"><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div><div class=\\"uc-fe-modal-content\\"><div class=\\"uc-fe-modal-header\\"><div class=\\"uc-fe-modal-title\\" id=\\"rcDialogTitle1\\"><div class=\\"uc-fe-modal-title-content\\">confirm</div><svg class=\\"uc-fe-modal-close css-19dc6vi-SvgIconWrapper-inlineBlockWithVerticalMixin-SvgIconWrapper e1diw3at0\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,2 C6.47727273,2 2,6.47727273 2,12 C2,17.5227273 6.47727273,22 12,22 C17.5227273,22 22,17.5227273 22,12 C22,6.47727273 17.5227273,2 12,2 Z M12,3.81818182 C16.5227273,3.81818182 20.1818182,7.47727273 20.1818182,12 C20.1818182,16.5227273 16.5227273,20.1818182 12,20.1818182 C7.47727273,20.1818182 3.81818182,16.5227273 3.81818182,12 C3.81818182,7.47727273 7.47727273,3.81818182 12,3.81818182 Z M14.8284271,7.75735931 L12.0003593,10.5863593 L9.17157288,7.75735931 L7.75735931,9.17157288 L10.5863593,12.0003593 L7.75735931,14.8284271 L9.17157288,16.2426407 L12.0003593,13.4143593 L14.8284271,16.2426407 L16.2426407,14.8284271 L13.4143593,12.0003593 L16.2426407,9.17157288 L14.8284271,7.75735931 Z\\"></path></svg></div></div><div class=\\"uc-fe-modal-body\\"><div></div>content</div><div class=\\"uc-fe-modal-footer\\"><button style=\\"margin-right: 8px;\\" type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-border css-126rppz-SButton efyr0h00\\">取消</button><button type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-primary css-1ca8ali-SButton efyr0h00\\">确定</button></div></div><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div></div></div>"`;
 
-exports[`LocaleProvider Modal 3`] = `"<div tabindex=\\"-1\\" class=\\"uc-fe-modal-wrap  css-yo7y0h-ModalWrap-ModalWrap e1n9h5ah1\\" role=\\"dialog\\" aria-labelledby=\\"rcDialogTitle2\\" style=\\"z-index: 1010;\\"><div role=\\"document\\" style=\\"width: 400px;\\" class=\\"uc-fe-modal\\"><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div><div class=\\"uc-fe-modal-content\\"><div class=\\"uc-fe-modal-header\\"><div class=\\"uc-fe-modal-title\\" id=\\"rcDialogTitle2\\"><div class=\\"uc-fe-modal-title-content\\">alert</div><svg class=\\"uc-fe-modal-close css-19dc6vi-SvgIconWrapper-inlineBlockWithVerticalMixin-SvgIconWrapper e1diw3at0\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,2 C6.47727273,2 2,6.47727273 2,12 C2,17.5227273 6.47727273,22 12,22 C17.5227273,22 22,17.5227273 22,12 C22,6.47727273 17.5227273,2 12,2 Z M12,3.81818182 C16.5227273,3.81818182 20.1818182,7.47727273 20.1818182,12 C20.1818182,16.5227273 16.5227273,20.1818182 12,20.1818182 C7.47727273,20.1818182 3.81818182,16.5227273 3.81818182,12 C3.81818182,7.47727273 7.47727273,3.81818182 12,3.81818182 Z M14.8284271,7.75735931 L12.0003593,10.5863593 L9.17157288,7.75735931 L7.75735931,9.17157288 L10.5863593,12.0003593 L7.75735931,14.8284271 L9.17157288,16.2426407 L12.0003593,13.4143593 L14.8284271,16.2426407 L16.2426407,14.8284271 L13.4143593,12.0003593 L16.2426407,9.17157288 L14.8284271,7.75735931 Z\\"></path></svg></div></div><div class=\\"uc-fe-modal-body\\"><div></div>content</div><div class=\\"uc-fe-modal-footer\\"><button type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-primary css-1ca8ali-SButton efyr0h00\\">confirm</button></div></div><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div></div></div>"`;
+exports[`LocaleProvider Modal 3`] = `"<div tabindex=\\"-1\\" class=\\"uc-fe-modal-wrap  css-yo7y0h-ModalWrap-ModalWrap e1n9h5ah1\\" role=\\"dialog\\" aria-labelledby=\\"rcDialogTitle2\\" style=\\"z-index: 1010;\\"><div role=\\"document\\" style=\\"width: 400px;\\" class=\\"uc-fe-modal uc-fe-animation-fade-appear\\"><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div><div class=\\"uc-fe-modal-content\\"><div class=\\"uc-fe-modal-header\\"><div class=\\"uc-fe-modal-title\\" id=\\"rcDialogTitle2\\"><div class=\\"uc-fe-modal-title-content\\">alert</div><svg class=\\"uc-fe-modal-close css-19dc6vi-SvgIconWrapper-inlineBlockWithVerticalMixin-SvgIconWrapper e1diw3at0\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,2 C6.47727273,2 2,6.47727273 2,12 C2,17.5227273 6.47727273,22 12,22 C17.5227273,22 22,17.5227273 22,12 C22,6.47727273 17.5227273,2 12,2 Z M12,3.81818182 C16.5227273,3.81818182 20.1818182,7.47727273 20.1818182,12 C20.1818182,16.5227273 16.5227273,20.1818182 12,20.1818182 C7.47727273,20.1818182 3.81818182,16.5227273 3.81818182,12 C3.81818182,7.47727273 7.47727273,3.81818182 12,3.81818182 Z M14.8284271,7.75735931 L12.0003593,10.5863593 L9.17157288,7.75735931 L7.75735931,9.17157288 L10.5863593,12.0003593 L7.75735931,14.8284271 L9.17157288,16.2426407 L12.0003593,13.4143593 L14.8284271,16.2426407 L16.2426407,14.8284271 L13.4143593,12.0003593 L16.2426407,9.17157288 L14.8284271,7.75735931 Z\\"></path></svg></div></div><div class=\\"uc-fe-modal-body\\"><div></div>content</div><div class=\\"uc-fe-modal-footer\\"><button type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-primary css-1ca8ali-SButton efyr0h00\\">confirm</button></div></div><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div></div></div>"`;
 
-exports[`LocaleProvider Modal 4`] = `"<div tabindex=\\"-1\\" class=\\"uc-fe-modal-wrap  css-yo7y0h-ModalWrap-ModalWrap e1n9h5ah1\\" role=\\"dialog\\" aria-labelledby=\\"rcDialogTitle3\\" style=\\"z-index: 1010;\\"><div role=\\"document\\" style=\\"width: 400px;\\" class=\\"uc-fe-modal\\"><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div><div class=\\"uc-fe-modal-content\\"><div class=\\"uc-fe-modal-header\\"><div class=\\"uc-fe-modal-title\\" id=\\"rcDialogTitle3\\"><div class=\\"uc-fe-modal-title-content\\">confirm</div><svg class=\\"uc-fe-modal-close css-19dc6vi-SvgIconWrapper-inlineBlockWithVerticalMixin-SvgIconWrapper e1diw3at0\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,2 C6.47727273,2 2,6.47727273 2,12 C2,17.5227273 6.47727273,22 12,22 C17.5227273,22 22,17.5227273 22,12 C22,6.47727273 17.5227273,2 12,2 Z M12,3.81818182 C16.5227273,3.81818182 20.1818182,7.47727273 20.1818182,12 C20.1818182,16.5227273 16.5227273,20.1818182 12,20.1818182 C7.47727273,20.1818182 3.81818182,16.5227273 3.81818182,12 C3.81818182,7.47727273 7.47727273,3.81818182 12,3.81818182 Z M14.8284271,7.75735931 L12.0003593,10.5863593 L9.17157288,7.75735931 L7.75735931,9.17157288 L10.5863593,12.0003593 L7.75735931,14.8284271 L9.17157288,16.2426407 L12.0003593,13.4143593 L14.8284271,16.2426407 L16.2426407,14.8284271 L13.4143593,12.0003593 L16.2426407,9.17157288 L14.8284271,7.75735931 Z\\"></path></svg></div></div><div class=\\"uc-fe-modal-body\\"><div></div>content</div><div class=\\"uc-fe-modal-footer\\"><button style=\\"margin-right: 8px;\\" type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-border css-126rppz-SButton efyr0h00\\">cancel</button><button type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-primary css-1ca8ali-SButton efyr0h00\\">confirm</button></div></div><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div></div></div>"`;
+exports[`LocaleProvider Modal 4`] = `"<div tabindex=\\"-1\\" class=\\"uc-fe-modal-wrap  css-yo7y0h-ModalWrap-ModalWrap e1n9h5ah1\\" role=\\"dialog\\" aria-labelledby=\\"rcDialogTitle3\\" style=\\"z-index: 1010;\\"><div role=\\"document\\" style=\\"width: 400px;\\" class=\\"uc-fe-modal uc-fe-animation-fade-appear\\"><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div><div class=\\"uc-fe-modal-content\\"><div class=\\"uc-fe-modal-header\\"><div class=\\"uc-fe-modal-title\\" id=\\"rcDialogTitle3\\"><div class=\\"uc-fe-modal-title-content\\">confirm</div><svg class=\\"uc-fe-modal-close css-19dc6vi-SvgIconWrapper-inlineBlockWithVerticalMixin-SvgIconWrapper e1diw3at0\\" viewBox=\\"0 0 24 24\\"><path d=\\"M12,2 C6.47727273,2 2,6.47727273 2,12 C2,17.5227273 6.47727273,22 12,22 C17.5227273,22 22,17.5227273 22,12 C22,6.47727273 17.5227273,2 12,2 Z M12,3.81818182 C16.5227273,3.81818182 20.1818182,7.47727273 20.1818182,12 C20.1818182,16.5227273 16.5227273,20.1818182 12,20.1818182 C7.47727273,20.1818182 3.81818182,16.5227273 3.81818182,12 C3.81818182,7.47727273 7.47727273,3.81818182 12,3.81818182 Z M14.8284271,7.75735931 L12.0003593,10.5863593 L9.17157288,7.75735931 L7.75735931,9.17157288 L10.5863593,12.0003593 L7.75735931,14.8284271 L9.17157288,16.2426407 L12.0003593,13.4143593 L14.8284271,16.2426407 L16.2426407,14.8284271 L13.4143593,12.0003593 L16.2426407,9.17157288 L14.8284271,7.75735931 Z\\"></path></svg></div></div><div class=\\"uc-fe-modal-body\\"><div></div>content</div><div class=\\"uc-fe-modal-footer\\"><button style=\\"margin-right: 8px;\\" type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-border css-126rppz-SButton efyr0h00\\">cancel</button><button type=\\"button\\" class=\\"uc-fe-button uc-fe-button-size-lg uc-fe-button-styletype-primary css-1ca8ali-SButton efyr0h00\\">confirm</button></div></div><div tabindex=\\"0\\" style=\\"width: 0px; height: 0px; overflow: hidden; outline: none;\\" aria-hidden=\\"true\\"></div></div></div>"`;
 
 exports[`LocaleProvider Slider 1`] = `
 @keyframes animation-0 {