Semi

Author: sheepzh

package.json

@@ -27,7 +27,7 @@
         "@babel/plugin-transform-modules-commonjs": "^7.25.7",
         "@babel/preset-env": "^7.25.8",
         "@crowdin/crowdin-api-client": "^1.37.1",
-        "@types/chrome": "0.0.277",
+        "@types/chrome": "0.0.278",
         "@types/copy-webpack-plugin": "^10.1.0",
         "@types/decompress": "^4.2.7",
         "@types/echarts": "^4.9.22",
@@ -60,7 +60,7 @@
         "ts-loader": "^9.5.1",
         "ts-node": "^10.9.2",
         "tsconfig-paths": "^4.2.0",
-        "tslib": "^2.7.0",
+        "tslib": "^2.8.0",
         "typescript": "5.6.3",
         "url-loader": "^4.1.1",
         "webpack": "^5.95.0",

src/app/components/common/Pagination.tsx

@@ -5,6 +5,7 @@
  * https://opensource.org/licenses/MIT
  */
 
+import { getPaginationIconProps } from "@src/element-ui/rtl"
 import { ElPagination } from "element-plus"
 import { PropType, defineComponent } from "vue"
 
@@ -20,6 +21,7 @@ const _default = defineComponent({
         return () => (
             <div class="pagination-container">
                 <ElPagination
+                    {...getPaginationIconProps() || {}}
                     pageSizes={[10, 20, 50]}
                     defaultCurrentPage={(props.defaultValue as timer.common.PageQuery)?.num}
                     defaultPageSize={(props.defaultValue as timer.common.PageQuery)?.size}

src/element-ui/rtl.tsx

@@ -11,4 +11,15 @@ export const getDatePickerIconSlots = () => {
         "next-month": () => <ElIcon><ArrowLeft /></ElIcon>,
         "next-year": () => <ElIcon><DArrowLeft /></ElIcon>,
     }
+}
+
+export const getPaginationIconProps = (): {
+    prevIcon?: unknown
+    nextIcon?: unknown
+} => {
+    if (!isRtl()) return {}
+    return {
+        prevIcon: <ElIcon><ArrowRight /></ElIcon>,
+        nextIcon: <ElIcon><ArrowLeft /></ElIcon>,
+    }
 }