fix(filterrules): support i18n

Author: LuckyFBB

.dumi/global.less

@@ -1 +1,2 @@
 @import "antd/dist/antd.css";
+@import '@dtinsight/react-icons/dist/index.css';

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

@@ -2,13 +2,9 @@ import React from 'react';
 import { MinusCircleOutlined, PlusCircleOutlined } from '@dtinsight/react-icons';
 import { InternalNamePath } from 'antd/lib/form/interface';
 import classnames from 'classnames';
+import { useLocale } from 'dt-react-component';
 
-import {
-    IComponentProps,
-    IFilterValue,
-    ROW_PERMISSION_RELATION,
-    ROW_PERMISSION_RELATION_TEXT,
-} from '..';
+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/useLocale.tsx

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