feat: i18n adaption

Author: Sky-FE

src/render_components/components/list_deprecate/line_search_input/line_search_input.tsx

@@ -4,6 +4,8 @@ import { useProviderTheme } from '@apitable/components'
 import { ILineSearchInputProps } from './interface';
 import { PrefixIcon, StyledSearchInputContainer, SuffixIcon } from './styled';
 import { useKeyPress } from 'ahooks';
+import { t } from '@apitable/widget-sdk';
+import { Strings } from '../../../../utils';
 
 export const LineSearchInputBase: React.ForwardRefRenderFunction<{}, ILineSearchInputProps> = (props, ref) => {
   const { onChange, value, onPressEnter, className, onFocus, size = 'default', placeholder, style, clearClick, showClearIcon } = props;
@@ -46,7 +48,7 @@ export const LineSearchInputBase: React.ForwardRefRenderFunction<{}, ILineSearch
       onFocus={onFocus}
       onChange={onChange}
       value={value}
-      placeholder={placeholder || 'Search'}
+      placeholder={placeholder || t(Strings.search)}
       size={1}
     />
     <SuffixIcon onClick={onCancelClick}>

src/render_components/components/list_deprecate/list_search.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { StyledSearchInputWrapper } from './styled';
 import { LineSearchInput } from './line_search_input';
+import { t } from '@apitable/widget-sdk';
+import { Strings } from '../../../utils';
 
 export const ListSearch = (props: any) => {
   const { style, keyword, placeholder, inputRef, onSearchChange, setKeyword, onInputEnter } = props;
@@ -22,7 +24,7 @@ export const ListSearch = (props: any) => {
       onPressEnter={onPressEnter}
       onChange={changInput}
       value={keyword}
-      placeholder={placeholder || 'Search'}
+      placeholder={placeholder || t(Strings.search)}
       ref={inputRef}
     />
   </StyledSearchInputWrapper>;

src/render_components/components/select/select.tsx

@@ -12,6 +12,8 @@ import {
 } from './styled';
 import { IListItemProps, IUseListenTriggerInfo, ListDeprecate } from '../list_deprecate';
 import { convertChildrenToData } from './utils';
+import { t } from '@apitable/widget-sdk';
+import { Strings } from '../../../utils';
 
 const _renderValue = (option: IOption) => {
   return option.label;
@@ -199,7 +201,7 @@ export const Select: FC<ISelectProps> & {
               renderValue={renderValue}
             /> :
               <span className={'placeholder ellipsis'}>
-                {placeholder || 'Please select an option'}
+                {placeholder || t(Strings.select_placeholder)}
               </span>
           }
         </StyledSelectedContainer>

strings.json

@@ -47,6 +47,14 @@
 		"script_select_record_by_sheet": {
 			"zh_CN": "选择「${datasheetName}」的记录",
 			"en_US": "Select records from ${datasheetName}"
+		},
+		"select_placeholder": {
+			"zh_CN": "请选择一个选项",
+			"en_US": "Please select an option"
+		},
+		"search": {
+			"zh_CN": "搜索",
+			"en_US": "Search"
 		}
   }
 }