chore: replace all cn comments of fe to en version by volc api (#320)

frontend/packages/common/chat-area/plugin-chat-shortcuts/src/components/load-more-list/index.tsx

@@ -138,7 +138,7 @@ export const LoadMoreList = <TData extends object>(
             onSelect?.(item);
           }}
           onMouseEnter={() => {
-            // 鼠标位于滚动条中，会触发该事件，设置仅在移动鼠标过程中进行更新
+            // The mouse is in the scroll bar, which triggers the event, and the settings are only updated during mouse movement
             if (mouseMovingRef.current) {
               focusTo(item);
               listRef.current?.focus();

frontend/packages/common/chat-area/plugin-chat-shortcuts/src/components/short-cut-panel/widgets/form/index.tsx

@@ -30,7 +30,7 @@ export const DSLForm: DSLComponent = ({
   const formRef = useRef<FormApi>();
 
   /**
-   * text类型组件交互 支持 placeholder 表示默认值
+   * Text type component interaction, support placeholder to represent default value
    * @param formValues
    */
   const onSubmitWrap = (formValues: FormValue) => {

frontend/packages/common/chat-area/plugin-chat-shortcuts/src/components/short-cut-panel/widgets/index.tsx

@@ -24,7 +24,7 @@ import { DSLPlaceholer } from './placeholder';
 import { DSLColumnLayout } from './layout';
 import { DSLForm } from './form';
 
-// 组件参数是在运行时决定，无法具体做类型约束
+// Component parameters are determined at run time and cannot be subject to specific type constraints
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const DSLWidgetsMap: Record<string, DSLComponent<any>> = {
   '@flowpd/cici-components/Input': DSLFormInput,

frontend/packages/common/chat-area/plugin-chat-shortcuts/src/components/short-cut-panel/widgets/layout/index.tsx

@@ -16,7 +16,7 @@
  
 import type { FC, PropsWithChildren } from 'react';
 
-// 本期不需要不支持复布局解析
+// This issue does not need to support multiple layout analysis
 export const DSLColumnLayout: FC<PropsWithChildren> = ({ children }) => (
   <div className="flex items-center justify-between w-full mb-3 gap-2">
     {children}

frontend/packages/common/chat-area/plugin-chat-shortcuts/src/components/short-cut-panel/widgets/text-input/index.tsx

@@ -25,7 +25,7 @@ const parseRules = (rules: RuleItem[]): RuleItem[] =>
     if (rule.required) {
       return {
         ...rule,
-        //  required 情况下，禁止输入空格
+        //  Do not enter spaces if required
         validator: (r, v) => !!v?.trim(),
       };
     }

frontend/packages/common/chat-area/plugin-chat-shortcuts/src/components/short-cut-panel/widgets/types.ts

@@ -40,9 +40,9 @@ export type TCustomUpload = (uploadParams: {
 export interface DSLContext {
   dsl: DSL;
   uploadFile?: TCustomUpload;
-  onChange?: (value: Record<string, TValue>) => void; // 需要兼容 file
+  onChange?: (value: Record<string, TValue>) => void; // Compatible files required
   onSubmit?: (value: Record<string, TValue>) => void;
-  readonly?: boolean; // 支持搭建时的预览模式
+  readonly?: boolean; // Support preview mode during build
 }
 
 export interface DSLFormFieldCommonProps {

frontend/packages/common/chat-area/plugin-chat-shortcuts/src/components/short-cut-panel/widgets/upload/index.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
- 
+
 import { type FC, useState, useRef, useEffect } from 'react';
 
 import classnames from 'classnames';
@@ -72,7 +72,7 @@ const UploadContent: FC<{
         },
       )}
       style={{
-        // @ts-expect-error ts 无法识别自定义变量
+        // @ts-expect-error ts cannot recognize custom variable
         '--var-percent': `${file.percent}%`,
       }}
     >
@@ -152,7 +152,7 @@ const FileUpload: FC<
         percent: 0,
         status: 'uploading',
       });
-      // 立即清理错误状态
+      // Immediately clean up the error state
       fieldApi.setError(true);
       uidRef.current = newFile?.uid;
       uploadFile?.({
@@ -188,7 +188,7 @@ const FileUpload: FC<
           if (uidRef.current !== newFile.uid) {
             return;
           }
-          // 上传失败，触发错误状态
+          // Upload failed, error status triggered
           fieldApi.setError(false);
           setFile({
             ...newFile,
@@ -221,13 +221,13 @@ const FileUpload: FC<
           }
         }}
         customRequest={({ onSuccess }) => {
-          // 即使 action="" ，在不传 customRequest 仍然会触发一次向当前 URL 上传文件的请求
-          // 这里传一个 mock customRequest 来阻止 semi 默认的上传行为
+          // Even if action = ", a request to upload a file to the current URL will still be triggered without customRequest
+          // Here is a mock customRequest to prevent semi default upload behavior
           onSuccess('');
         }}
         showUploadList={false}
         onChange={({ currentFile }) => {
-          // semi 同一个文件会触发多次 onChange，这里只响应首个
+          // Semi The same file will trigger multiple onChanges, only the first one is responded here
           if (
             uidRef.current !== currentFile.uid &&
             (!props.maxSize ||
@@ -247,7 +247,7 @@ const FileUpload: FC<
               setFile(undefined);
               onChange?.('');
               setTimeout(() => {
-                // 删除文件，清理错误状态避免立刻飘红
+                // Delete files, clean up error states to avoid immediate redness
                 fieldApi.setError(true);
               });
             }}
@@ -295,17 +295,17 @@ const FileInput: FC<
   </>
 );
 
-// 为了方便控制向外传递的 value
+// To facilitate control of the value passed outward
 const UploadInner = withField((props: UploadProps) => {
   const [showInput, setShowInput] = useState(false);
   const hasError = props.validateStatus === 'error';
   const fieldApi = useFieldApi(props.name);
 
-  // 避免清空输入导致的飘红
+  // Avoid flushing red caused by empty input
   useEffect(() => {
     setTimeout(() => {
       props.onChange?.('');
-      // 避免 onchange 触发校验导致立刻飘红
+      // Avoid onchange triggering verification and causing immediate redness
       setTimeout(() => {
         fieldApi.setError(true);
       });