fix(swiper): display abnormal when dir = 'rtl' (#2454)

* fix(swiper): display abnormal when rtl

* fix: adjust

src/packages/swiper/effects/default.tsx

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react'
 import { animated, SpringValue } from '@react-spring/web'
+import { useRtl } from '@/packages/configprovider'
 
 type DefaultEffect = {
   children: ReactNode
@@ -29,14 +30,16 @@ const getPerSlidePosition = (
 export const defaultEffect = (args: DefaultEffect) => {
   return React.Children.map(args.children, (child, index) => {
     const { isVertical, getSpringsAxis, loop, count } = args
+    const rtl = useRtl()
+    const position = rtl ? 'right' : 'left'
     return (
       <animated.div
         className="nut-swiper-slide"
         style={{
           [isVertical ? 'y' : 'x']: getSpringsAxis().to((position) => {
             return getPerSlidePosition(index, position, loop, count)
           }),
-          [isVertical ? 'top' : 'left']: `-${index * 100}%`,
+          [isVertical ? 'top' : position]: `-${index * 100}%`,
         }}
       >
         {child}

src/packages/swiper/effects/focus.tsx

@@ -1,6 +1,7 @@
 import React, { ReactNode, useEffect } from 'react'
 import { animated } from '@react-spring/web'
 import { getRefValue, useRefState } from '@/utils/use-ref-state'
+import { useRtl } from '@/packages/configprovider'
 
 export interface FocusEffect {
   name: 'focus'
@@ -39,6 +40,8 @@ const getPerSlidePosition = (
 }
 export const focusEffect = (args: DefaultEffect) => {
   return React.Children.map(args.children, (child, index) => {
+    const rtl = useRtl()
+    const position = rtl ? 'right' : 'left'
     const {
       isVertical,
       springs,
@@ -59,7 +62,7 @@ export const focusEffect = (args: DefaultEffect) => {
               return getPerSlidePosition(index, position, loop, count)
             }
           ),
-          [isVertical ? 'top' : 'left']: `-${index * 100}%`,
+          [isVertical ? 'top' : position]: `-${index * 100}%`,
           scale: springs.s.to((ss: number) => {
             const scales = getRefValue(transforms)
             if (!scales) return 1