feat: i18n adaption

Author: Sky-FE

.eslintrc

@@ -45,8 +45,8 @@
           "UPPER_CASE",
           "PascalCase"
         ],
-        "leadingUnderscore": "allow", // 变量名以 _ 开头
-        "trailingUnderscore": "forbid" // 变量名以 _ 结尾
+        "leadingUnderscore": "allow",
+        "trailingUnderscore": "forbid"
       },
       {
         "selector": "parameter",

README.md

@@ -1,3 +1,3 @@
-# Script 小程序
+# Script
 
-通过编写简短的脚本，来减少重复任务所花费的时间，实现快捷的自定义能力
+Reduce the time spent on heavy tasks by writing simple scripts, and realize fast and fast customization capabilities

src/bundler/plugins/unpkg-path-plugin.tsx

@@ -7,15 +7,15 @@ export const unpkgPathPlugin = (inputCode: string) => {
 	return {
 		name: 'unpkg-path-plugin',
 		setup(build: esbuild.PluginBuild) {
-			// 处理入口文件
+			// process the entry file
 			build.onResolve({ filter: /(^index\.js$)/ }, (args: any) => {
 				return { 
 					path: 'index.js', 
 					namespace: RESOLVE_NAMESPACE 
 				};
 			});
 
-			// 处理相对路径
+			// handle relative paths
 			build.onResolve({ filter: /^\.+\// }, (args: any) => {
 				const url = new URL(args.path, `${CDN_URL}${args.resolveDir}/`)
 
@@ -25,7 +25,7 @@ export const unpkgPathPlugin = (inputCode: string) => {
 				};
 			});
 
-			// 处理引入的文件
+			// process imported files
 			build.onResolve({ filter: /.*/ }, async (args: any) => {
 				return {
 					namespace: RESOLVE_NAMESPACE,

src/components/container/container.tsx

@@ -49,15 +49,13 @@ export const Container: FC = () => {
               defaultSizes={ATTACH_PANEL_DEFAULT_SIZES}
               className={'allotment'}
             >
-              {/* 代码编辑器 */}
               <Allotment.Pane minSize={EDITOR_PANEL_MIN_HEIGHT}>
                 <EditorPanel 
                   code={inputCode}
                   onChange={(value) => setInputCode(value)} 
                 />
               </Allotment.Pane>
 
-              {/* API 文档 */}
               <Allotment.Pane 
                 minSize={ATTACH_PANEL_MIN_HEIGHT}
                 maxSize={isDocumentPaneOpen ? ATTACH_PANEL_MAX_HEIGHT : ATTACH_PANEL_MIN_HEIGHT} 
@@ -74,7 +72,6 @@ export const Container: FC = () => {
               onVisibleChange={function noRefCheck() {}} 
               defaultSizes={ATTACH_PANEL_DEFAULT_SIZES}
             >
-              {/* 预览区 */}
               <Allotment.Pane>
                 <div 
                   style={{
@@ -90,7 +87,6 @@ export const Container: FC = () => {
                 </div>
               </Allotment.Pane>
 
-              {/* console 面板 */}
               <Allotment.Pane
                 minSize={ATTACH_PANEL_MIN_HEIGHT}
                 maxSize={isConsolePaneOpen ? ATTACH_PANEL_MAX_HEIGHT : ATTACH_PANEL_MIN_HEIGHT}

src/components/editor_panel/editor_panel.tsx

@@ -71,7 +71,6 @@ export const EditorPanel = (props) => {
       onMount={onEditorDidMount}
       loading={<Loading />}
       options={{
-        // 迷你地图
         minimap: {
         	enabled: false,
         },

src/render_components/components/button/styled.tsx

@@ -183,7 +183,6 @@ export const ButtonBase = styled.button.attrs(applyDefaultTheme) <IButtonBasePro
         activeBgColor = getColor(btnColor).jellyActive || getActiveColor(bgColor);
         break;
     }
-    // 禁用状态下，都是 hover 和 active 没反应。
     if (props.disabled) {
       hoverBgColor = bgColor;
       activeBgColor = bgColor;

src/render_components/components/input/input.tsx

@@ -61,7 +61,6 @@ const InputWrapper = styled.div.attrs(applyDefaultTheme)<IInputWrapperProps>`
         border-color: ${focusBorderColor};
         background-color: ${background.primary};
       }
-      // 错误状态
       ${error && css`
         &.error {
           border-color: ${palette.danger};

src/render_components/components/list_deprecate/interface.ts

@@ -1,44 +1,35 @@
 import { IUseListenTriggerInfo } from './use_listen_visual_height';
-import { HTMLAttributes, ReactElement, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactElement, ReactNode } from 'react';
 
 export interface IListDeprecateProps {
-
   /**
-   * @description 每个选项包裹的组件，
-   * 也就是绑定在 CommonList 组件上的静态组件
-   * @type {ReactElement[]}
+   * Child element
    */
   children: ReactElement[];
 
   /**
-   * @description 点击每个选项的处理函数
-   * @param {(React.MouseEvent | null)} e
-   * @param {number} index
+   * click handler
    */
   onClick(e: React.MouseEvent | null, index: number): void
 
   /**
-   * @description 没有数据时的提示
+   * Tips when data is empty
    */
   noDataTip?: string | (() => ReactNode)
 
   /**
-   * @description 组件底部区域的选软组件
+   * Footer components
    */
   footerComponent?: () => ReactNode;
 
   className?: string;
   style?: React.CSSProperties
 
   /**
-   * @description 当前正在聚焦的 item 的位置，原本这个参数由组件内部控制，但是在 draft 中，需要维护编辑器自己的 index，因此需要像组件内部传入
-   * @type {number}
+   * The position of the item currently being focused
    */
   activeIndex?: number
 
-  /**
-   *
-   */
   searchProps?: ISearchProps
 
   triggerInfo?: IUseListenTriggerInfo;
@@ -49,16 +40,12 @@ export interface IListDeprecateProps {
 export interface IListItemProps extends HTMLAttributes<HTMLDivElement> {
 
   /**
-   * @description 当前选项的下标
-   * @type {number}
+   * Current option index
    */
   currentIndex: number;
 
   /**
-   * @description 在选项排序的时候会需要包裹一层其他的组件，但是对于内部不好处理
-   * 所以可以通过这个属性传入一个包裹的函数
-   * @param {*} children
-   * @returns {ReactNode}
+   * Wrapper component
    */
   wrapperComponent?(children: ReactNode): ReactNode
 
@@ -67,32 +54,29 @@ export interface IListItemProps extends HTMLAttributes<HTMLDivElement> {
 
 export interface ISearchProps {
   /**
-   * @description 给 Input 组件绑定的引用，用来 focus
-   * @type {React.RefObject<IInputRef>}
+   *  Input reference
    */
   inputRef?: React.RefObject<HTMLInputElement>;
 
   /**
-   * @description 自定义输入框的样式
-   * @type {React.CSSProperties}
+   * Custom inline styles
    */
   style?: React.CSSProperties
 
   /**
-   * @description input 的提示语
-   * @type {string}
+   * Input placeholder
    */
   placeholder?: string
 
   /**
-   * @description input 按下 Enter 键的回调函数
-   * @param {() => void} clearKeyword 组件内部传入的处理函数，可以在这里处理一些组件内部的操作
-   * 比如清除输入框内的数据
+   * @description input enter event callback
+   * @param {() => void} clearKeyword is the processing function passed in from the component, 
+   * where you can process some operations inside the component
    */
   onInputEnter?(clearKeyword: () => void): void
 
   /**
-   * @description 输入内容后的回调
+   * @description Search input callback
    * @param {React.ChangeEvent} e
    * @param {string} keyword
    */

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

@@ -46,7 +46,7 @@ export const LineSearchInputBase: React.ForwardRefRenderFunction<{}, ILineSearch
       onFocus={onFocus}
       onChange={onChange}
       value={value}
-      placeholder={placeholder || '搜索'}
+      placeholder={placeholder || 'Search'}
       size={1}
     />
     <SuffixIcon onClick={onCancelClick}>

src/render_components/components/list_deprecate/list.tsx

@@ -9,7 +9,7 @@ import { FootWrapper, ResultSpan, StyledListItem, StyledListWrapper, WrapperDiv
 
 export const ListDeprecate: React.FC<IListDeprecateProps> & { Item: React.FC<IListItemProps> } = (props) => {
   const {
-    children, noDataTip = '空数据', activeIndex: DraftActiveIndex,
+    children, noDataTip = 'Empty', activeIndex: DraftActiveIndex,
     footerComponent, onClick, className,
     searchProps, triggerInfo, autoHeight = false
   } = props;
@@ -120,11 +120,9 @@ export const ListDeprecate: React.FC<IListDeprecateProps> & { Item: React.FC<ILi
     onKeyDown={keydownForContainer}
     className={className}
   >
-    {/* 搜索部分 */}
     {
       searchProps && <ListSearch setKeyword={setKeyword} keyword={keyword} {...searchProps} />
     }
-    {/* 列表部分 */}
     {
       (showNoDataTip || showNoSearchResult) && <ResultSpan>
         {