fix(filterrules): support i18n (#625)

* fix(filterrules): support i18n

* test(filterrules): fix unit test

Author: LuckyFBB

src/filterRules/__tests__/filterRules.test.tsx

@@ -10,6 +10,7 @@ const MyInput = ({ rowValues: { input }, rowKey, onChange }: IComponentProps<IRo
     <Input value={input} onChange={(e) => onChange?.(rowKey, { input: e.target.value })} />
 );
 
+jest.mock('remark-gfm', () => () => {});
 describe('FilterRules', () => {
     test('should support FilterRules success render', () => {
         const wrapper = render(

src/filterRules/index.tsx

@@ -11,10 +11,6 @@ export enum ROW_PERMISSION_RELATION {
     AND = 1,
     OR = 2,
 }
-export const ROW_PERMISSION_RELATION_TEXT = {
-    [ROW_PERMISSION_RELATION.AND]: '且',
-    [ROW_PERMISSION_RELATION.OR]: '或',
-};
 
 export interface IComponentProps<T> {
     rowKey: string; // 当前节点的唯一标识

src/filterRules/ruleController/index.tsx

@@ -3,12 +3,8 @@ import { MinusCircleOutlined, PlusCircleOutlined } from '@dtinsight/react-icons'
 import { InternalNamePath } from 'antd/lib/form/interface';
 import classnames from 'classnames';
 
-import {
-    IComponentProps,
-    IFilterValue,
-    ROW_PERMISSION_RELATION,
-    ROW_PERMISSION_RELATION_TEXT,
-} from '..';
+import useLocale from '../../locale/useLocale';
+import { IComponentProps, IFilterValue, ROW_PERMISSION_RELATION } from '..';
 import './index.scss';
 
 interface IProps<T> {
@@ -46,6 +42,13 @@ export const RulesController = <T,>(props: IProps<T>) => {
         onChangeRowValues,
     } = props;
 
+    const locale = useLocale('FilterRules');
+
+    const ROW_PERMISSION_RELATION_TEXT = {
+        [ROW_PERMISSION_RELATION.AND]: locale.and,
+        [ROW_PERMISSION_RELATION.OR]: locale.or,
+    };
+
     const isCondition = (item: IFilterValue<T>) =>
         item?.type &&
         [ROW_PERMISSION_RELATION.AND, ROW_PERMISSION_RELATION.OR].includes(item?.type);

src/locale/en-US.ts

@@ -27,6 +27,8 @@ const localeValues: Locale = {
     },
     FilterRules: {
         message: 'Must have one data item',
+        and: 'And',
+        or: 'Or',
     },
     Fullscreen: {
         exitFull: 'Exit Full Screen',

src/locale/useLocale.tsx

@@ -21,6 +21,8 @@ export interface Locale {
     };
     FilterRules: {
         message: string;
+        and: string;
+        or: string;
     };
     Fullscreen: { exitFull: string; full: string };
     GlobalLoading: { loading: string };

src/locale/zh-CN.ts

@@ -28,6 +28,8 @@ const localeValues: Locale = {
     },
     FilterRules: {
         message: '必须有一条数据',
+        and: '且',
+        or: '或',
     },
     Fullscreen: {
         exitFull: '退出全屏',