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

frontend/packages/studio/autosave/src/core/manager.ts

@@ -56,7 +56,7 @@ export class AutosaveManager<StoreType, ScopeKey, ScopeStateType> {
   }
 
   /**
-   * 注册数据源和定义对应的 Observer 配置
+   * Register the data source and define the corresponding Observer configuration
    * @param _config
    */
   public register = (
@@ -80,7 +80,7 @@ export class AutosaveManager<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 启动 Manager 模块
+   * Launch Manager Module
    */
   public start = () => {
     if (this.observerList.length > 0) {
@@ -96,7 +96,7 @@ export class AutosaveManager<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 关闭 Manager 模块下的所有属性监听
+   * Turn off all property listeners under the Manager module
    */
   public close = () => {
     this.observerList.forEach(observer => observer.close());
@@ -104,7 +104,7 @@ export class AutosaveManager<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 手动保存
+   * save manually
    * @param params
    */
   public manualSave = async (key: ScopeKey, params: ScopeStateType) => {
@@ -127,7 +127,7 @@ export class AutosaveManager<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 回调过程中关闭自动保存
+   * Turn off autosave during a callback
    * @param params
    */
   public handleWithoutAutosave = async (params: {
@@ -145,7 +145,7 @@ export class AutosaveManager<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 立即触发保存
+   * Trigger save immediately
    * @param key
    */
   public saveFlush = (key: ScopeKey) => {
@@ -154,7 +154,7 @@ export class AutosaveManager<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 立即触发所有保存
+   * Trigger all saves immediately
    * @param key
    */
   public saveFlushAll = () => {
@@ -164,14 +164,14 @@ export class AutosaveManager<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 获取目标 observer 配置
+   * Get target observer configuration
    * @param key
    */
   private getObserver = (key: ScopeKey) =>
     this.observerList.find(i => i.config.key === key);
 
   /**
-   * 获取目标配置项
+   * Get target configuration item
    * @param key
    */
   private getConfig = (key: ScopeKey) =>

frontend/packages/studio/autosave/src/core/observer.ts

@@ -49,7 +49,7 @@ export class AutosaveObserver<StoreType, ScopeKey, ScopeStateType> {
     this.lock = false;
     this.config = config;
 
-    // 订阅字段初始化
+    // Subscription field initialization
     this.initSubscribe();
   }
 
@@ -65,7 +65,7 @@ export class AutosaveObserver<StoreType, ScopeKey, ScopeStateType> {
     if (typeof this.config.selector === 'function') {
       return this.config.selector;
     } else {
-      // 使用createSelector创建可记忆化的选择器
+      // Create a memorable selector with createSelector
       const { deps, transformer } = this.config.selector;
       return createSelector(deps, transformer);
     }
@@ -75,7 +75,7 @@ export class AutosaveObserver<StoreType, ScopeKey, ScopeStateType> {
     console.log('nextState :>> ', nextState);
     console.log('prevState :>> ', prevState);
 
-    // selector 返回的 state
+    // The state returned by the selector
     this.nextState = nextState;
     this.prevState = prevState;
 
@@ -110,12 +110,12 @@ export class AutosaveObserver<StoreType, ScopeKey, ScopeStateType> {
   };
 
   private parsedSaveFunc = async () => {
-    // 中间件-保存前
+    // Middleware - Before saving
     const beforeSavePayload = await getPayloadByFormatter<ScopeStateType>(
       this.nextState,
       this.config?.middleware?.onBeforeSave,
     );
-    // 生命周期-保存前
+    // Life cycle - before saving
     await this.config?.eventCallBacks?.onBeforeSave?.({
       key: this.config.key,
       data: beforeSavePayload,
@@ -129,21 +129,21 @@ export class AutosaveObserver<StoreType, ScopeKey, ScopeStateType> {
         this.diff,
       );
 
-      // 中间件-保存后
+      // Middleware - after saving
       const afterSavePayload = await getPayloadByFormatter<ScopeStateType>(
         this.nextState,
         this.config?.middleware?.onAfterSave,
       );
       console.log('afterSavePayload:>>', afterSavePayload);
 
-      // 生命周期-保存后
+      // Life cycle - after saving
       await this.config?.eventCallBacks?.onAfterSave?.({
         key: this.config.key,
         data: afterSavePayload,
       });
     } catch (error) {
       console.log('error:>>', error);
-      // 生命周期-异常
+      // Life Cycle - Abnormal
       this.config?.eventCallBacks?.onError?.({
         key: this.config.key,
         error: error as Error,
@@ -152,7 +152,7 @@ export class AutosaveObserver<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 取消订阅
+   * unsubscribe
    */
   public close = () => {
     this.debouncedSaveFunc?.flush();
@@ -161,10 +161,10 @@ export class AutosaveObserver<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 获取状态变更带来的触发延时时间
-   * @param prevState selector 选择的 store 的内容
-   * @param diffChange 前后比对的diff
-   * @returns 延时时间
+   * Get the trigger delay time caused by the state change
+   * @param prevState selector to store content
+   * @param diffChange the diff before and after comparison
+   * @returns delay time
    */
   private getTriggerDelayTime = (
     prevState?: ScopeStateType,
@@ -232,7 +232,7 @@ export class AutosaveObserver<StoreType, ScopeKey, ScopeStateType> {
   };
 
   /**
-   * 获取变更与 trigger 声明配置对应的 key
+   * Gets the key that changes the configuration corresponding to the trigger declaration
    * @param changePath diff path
    * @returns path key
    */