chore: update links in en

apps/docs/src/en/guide/advanced/form.mdx

@@ -104,18 +104,18 @@ The rendering part of Field, supports three writing methods, as follows:
 const render = () => (
   <div>
     <Label> 1. Through children </Label>
-    // This method is suitable for simple scenarios, Field will inject value onChange, etc. directly into the first layer of children components
+    {/* This method is suitable for simple scenarios, Field will inject value onChange, etc. directly into the first layer of children components */}
     <Field name="c">
       <Input />
     </Field>
     <Label> 2. Through Render Props  </Label>
-    // This method is suitable for complex scenarios, when the returned component has multiple layers of nesting, the user can actively inject the attributes of field into the desired component
+    {/* This method is suitable for complex scenarios, when the returned component has multiple layers of nesting, the user can actively inject the attributes of field into the desired component */}
     <Field name="a">
         {({ field, fieldState, formState }: FieldRenderProps<string>) => <div><Input {...field} /><Feedbacks errors={fieldState.errors}/></div>}
     </Field>
 
     <Label> 3. Through render function </Label>
-    // This method is similar to method 2, but the props are passed in
+    {/* This method is similar to method 2, but the props are passed in */}
     <Field name="b" render={({ field }: FieldRenderProps<string>) => <Input {...field} />} />
   </div>
 );

apps/docs/src/en/guide/getting-started/create-fixed-layout-simple.mdx

@@ -4,7 +4,7 @@
 This case can be installed by `npx @flowgram.ai/create-app@latest fixed-layout-simple`, the complete code and effect are as follows:
 
 <div className="rs-tip">
-  <a className="rs-link" href="/examples/fixed-layout/fixed-layout-simple.html">
+  <a className="rs-link" href="/en/examples/fixed-layout/fixed-layout-simple.html">
     Fixed Layout Basic Usage
   </a>
 </div>

apps/docs/src/en/guide/getting-started/create-free-layout-simple.mdx

@@ -3,7 +3,7 @@
 This case can be installed via `npx @flowgram.ai/create-app@latest free-layout-simple`. For complete code and effects, see:
 
 <div className="rs-tip">
-  <a className="rs-link" href="/examples/free-layout/free-layout-simple.html">
+  <a className="rs-link" href="/en/examples/free-layout/free-layout-simple.html">
     Free Layout Basic Usage
   </a>
 </div>

apps/docs/src/en/guide/introduction.mdx

@@ -15,7 +15,7 @@ In today's AI-driven era, we are focusing more on how to empower workflows with
 <div style={{marginTop: 16, display: 'flex', gap: 8 }}>
   <div>
     <div>
-      <a className="rs-link" href="/examples/fixed-layout/fixed-feature-overview.html">
+      <a className="rs-link" href="/en/examples/fixed-layout/fixed-feature-overview.html">
         Fixed Layout
       </a>
     </div>
@@ -28,7 +28,7 @@ In today's AI-driven era, we are focusing more on how to empower workflows with
   </div>
   <div>
     <div>
-      <a className="rs-link" href="/examples/free-layout/free-feature-overview.html">
+      <a className="rs-link" href="/en/examples/free-layout/free-feature-overview.html">
         Free Connection Layout
       </a>
     </div>
@@ -193,7 +193,7 @@ Providing a set of interactive best practices for smoother workflow operations
       Lark Multi-dimensional Table Workflow
     </a>
     <div>
-      <img src="@/public/ref-bitable.png"/>
+      <img src="@/public/ref-bitable-en.png"/>
     </div>
   </div>
   <div>

apps/docs/src/en/index.md

@@ -23,6 +23,6 @@ features:
     details: <div class="rspress-doc" style="height&#58 180px; min-height&#58 0px"><img class="medium-zoom-image" style="border-radius&#58 8px;" src="https://flowgram.ai/ref-apaas-en.png"/></div>
     icon: 📦
   - title: Feishu Bitable
-    details: <div class="rspress-doc" style="height&#58 180px; min-height&#58 0px"><img class="medium-zoom-image" style="border-radius&#58 8px;" src="https://flowgram.ai/ref-bitable.png"/></div>
+    details: <div class="rspress-doc" style="height&#58 180px; min-height&#58 0px"><img class="medium-zoom-image" style="border-radius&#58 8px;" src="https://flowgram.ai/ref-bitable-en.png"/></div>
     icon: 🎨
 ---

apps/docs/src/zh/guide/advanced/form.mdx

@@ -104,18 +104,18 @@ Field 的渲染部分，支持三种写法，如下:
 const render = () => (
   <div>
     <Label> 1. 通过 children </Label>
-    // 该方式适用于简单场景，Field 会将  value onChange 等属性直接注入第一层children组件中
+    {/* 该方式适用于简单场景，Field 会将  value onChange 等属性直接注入第一层children组件中  */}
     <Field name="c">
       <Input />
     </Field>
     <Label> 2. 通过 Render Props  </Label>
-    // 该方式适用于复杂场景，当 return 的组件存在多层嵌套，用户可以主动将field 中的属性注入希望注入的组件中
+    {/* 该方式适用于复杂场景，当 return 的组件存在多层嵌套，用户可以主动将field 中的属性注入希望注入的组件中 */}
     <Field name="a">
         {({ field, fieldState, formState }: FieldRenderProps<string>) => <div><Input {...field} /><Feedbacks errors={fieldState.errors}/></div>}
     </Field>
 
     <Label> 3. 通过传 render 函数</Label>
-    // 该方式类似方式2，但通过props 传入
+    {/* 该方式类似方式2，但通过props 传入 */}
     <Field name="b" render={({ field }: FieldRenderProps<string>) => <Input {...field} />} />
   </div>
 );
@@ -497,7 +497,7 @@ export const renderDynamicExample = ({ form }: FormRenderProps<FormData>) => (
           <></>
         )
       }
-      通过 deps 配置，该表单项的渲染依赖哪些其他表单项的值
+      // 通过 deps 配置，该表单项的渲染依赖哪些其他表单项的值
       deps={['isBatch']}
     />
   </>