deveco-harness 0.1.0

package/skills/arkts-error-fixes/assets/ContextTypeError.ets

@@ -0,0 +1,105 @@
+import { window } from '@kit.ArkUI';
+import { common } from '@kit.AbilityKit';
+
+@Entry
+@Component
+struct ContextTypeErrorExample {
+  @State windowWidth: number = 0;
+  @State windowHeight: number = 0;
+
+  async aboutToAppear() {
+    // ✅ 正确：使用 getUIContext().getHostContext() 并进行类型检查
+    const context = this.getUIContext().getHostContext();
+    if (context) {
+      await this.getWindowSize(context as common.UIAbilityContext);
+    }
+  }
+
+  private async getWindowSize(context: common.UIAbilityContext) {
+    try {
+      const win = await window.getLastWindow(context);
+      const properties = win.getWindowProperties();
+      this.windowWidth = properties.windowRect.width;
+      this.windowHeight = properties.windowRect.height;
+    } catch (err) {
+      console.error('获取窗口大小失败:', err);
+    }
+  }
+
+  build() {
+    Column() {
+      Text('Context 类型错误示例')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 20 })
+
+      Column({ space: 12 }) {
+        Text('❌ 错误示例 1: 直接使用可能为 undefined 的 Context')
+          .fontSize(14)
+          .fontColor('#666666')
+        
+        Text('const context = this.getUIContext().getHostContext();')
+          .fontSize(12)
+          .fontColor('#FF5722')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#FFF3E0')
+          .borderRadius(4)
+
+        Text('await window.getLastWindow(context);  // 类型错误')
+          .fontSize(12)
+          .fontColor('#FF5722')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#FFF3E0')
+          .borderRadius(4)
+
+        Text('✅ 正确示例 1: 添加 null 检查')
+          .fontSize(14)
+          .fontColor('#666666')
+        
+        Text('const context = this.getUIContext().getHostContext();')
+          .fontSize(12)
+          .fontColor('#4CAF50')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#E8F5E9')
+          .borderRadius(4)
+
+        Text('if (context) {')
+          .fontSize(12)
+          .fontColor('#4CAF50')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#E8F5E9')
+          .borderRadius(4)
+
+        Text('  await window.getLastWindow(context as common.UIAbilityContext);')
+          .fontSize(12)
+          .fontColor('#4CAF50')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#E8F5E9')
+          .borderRadius(4)
+
+        Text('}')
+          .fontSize(12)
+          .fontColor('#4CAF50')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#E8F5E9')
+          .borderRadius(4)
+      }
+      .alignItems(HorizontalAlign.Start)
+      .margin({ bottom: 20 })
+
+      Text(`窗口大小: ${this.windowWidth} x ${this.windowHeight}`)
+        .fontSize(16)
+        .fontColor('#333333')
+    }
+    .width('100%')
+    .height('100%')
+    .padding(20)
+    .alignItems(HorizontalAlign.Center)
+  }
+}

package/skills/arkts-error-fixes/assets/DecoratorStateError.ets

@@ -0,0 +1,64 @@
+import { window } from '@kit.ArkUI';
+import { common } from '@kit.AbilityKit';
+
+class WindowStateManager {
+  widthBreakpoint: string = 'sm';
+  isFolded: boolean = true;
+
+  updateState(width: number, height: number) {
+    const area = width * height;
+    if (area < 600 * 600) {
+      this.widthBreakpoint = 'sm';
+      this.isFolded = true;
+    } else if (area < 840 * 600) {
+      this.widthBreakpoint = 'md';
+      this.isFolded = false;
+    } else {
+      this.widthBreakpoint = 'lg';
+      this.isFolded = false;
+    }
+  }
+}
+
+@Component
+struct DecoratorStateExample {
+  @State currentBreakpoint: string = 'sm';
+  @State isFolded: boolean = true;
+
+  aboutToAppear() {
+    try {
+      let context = this.getUIContext().getHostContext() as common.UIAbilityContext;
+      window.getLastWindow(context, (err, win) => {
+        if (err.code !== 0) {
+          console.error('Failed to get window:', err);
+          return;
+        }
+        const properties = win.getWindowProperties();
+        this.updateState(properties.windowRect.width, properties.windowRect.height);
+      });
+    } catch (err) {
+      console.error('Failed to get window:', err);
+    }
+  }
+
+  private updateState(width: number, height: number) {
+    const area = width * height;
+    if (area < 600 * 600) {
+      this.currentBreakpoint = 'sm';
+      this.isFolded = true;
+    } else if (area < 840 * 600) {
+      this.currentBreakpoint = 'md';
+      this.isFolded = false;
+    } else {
+      this.currentBreakpoint = 'lg';
+      this.isFolded = false;
+    }
+  }
+
+  build() {
+    Column() {
+      Text(`Breakpoint: ${this.currentBreakpoint}`)
+      Text(`Folded: ${this.isFolded ? 'Yes' : 'No'}`)
+    }
+  }
+}

package/skills/arkts-error-fixes/assets/DisplayListenerTypeError.ets

@@ -0,0 +1,129 @@
+import { display } from '@kit.ArkUI';
+import { hilog } from '@kit.PerformanceAnalysisKit';
+
+/**
+ * ❌ 错误示例：在 Display 对象上调用 on/off 方法
+ * 
+ * 错误原因：display.on() 和 display.off() 是 display 模块的方法，
+ * 不是 Display 对象实例的方法
+ */
+@Entry
+@Component
+struct DisplayListenerTypeError {
+  @State displayId: number = 0;
+  private displayListener?: number;
+
+  aboutToAppear() {
+    try {
+      const displayClass = display.getDefaultDisplaySync();
+      this.displayId = displayClass.id;
+
+      // ❌ 错误：在 Display 对象上调用 on 方法
+      // Type 'void' is not assignable to type 'number'
+      this.displayListener = displayClass.on('change', () => {
+        hilog.info(0x0000, 'DisplayError', 'Display changed');
+      });
+    } catch (error) {
+      hilog.error(0x0000, 'DisplayError', `Failed to register listener: ${JSON.stringify(error)}`);
+    }
+  }
+
+  aboutToDisappear() {
+    // ❌ 错误：在 Display 对象上调用 off 方法
+    // Argument of type 'number' is not assignable to parameter of type 'Callback<Rect>'
+    if (this.displayListener !== undefined) {
+      const displayClass = display.getDefaultDisplaySync();
+      displayClass.off('change', this.displayListener);
+    }
+  }
+
+  build() {
+    Column() {
+      Text(`Display ID: ${this.displayId}`)
+        .fontSize(20)
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：在 display 模块上调用 on/off 方法
+ */
+@Entry
+@Component
+struct DisplayListenerCorrect {
+  @State displayId: number = 0;
+  private displayListener?: (data: number) => void;
+
+  aboutToAppear() {
+    try {
+      const displayClass = display.getDefaultDisplaySync();
+      this.displayId = displayClass.id;
+
+      // ✅ 正确：在 display 模块上调用 on 方法
+      this.displayListener = (data: number) => {
+        hilog.info(0x0000, 'DisplayCorrect', `Display changed, ID: ${data}`);
+      };
+      display.on('change', this.displayListener);
+    } catch (error) {
+      hilog.error(0x0000, 'DisplayCorrect', `Failed to register listener: ${JSON.stringify(error)}`);
+    }
+  }
+
+  aboutToDisappear() {
+    // ✅ 正确：在 display 模块上调用 off 方法
+    if (this.displayListener) {
+      display.off('change', this.displayListener);
+      this.displayListener = undefined;
+    }
+  }
+
+  build() {
+    Column() {
+      Text(`Display ID: ${this.displayId}`)
+        .fontSize(20)
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：监听 Display 对象的 availableAreaChange
+ */
+@Entry
+@Component
+struct DisplayAvailableAreaCorrect {
+  @State availableArea: string = 'Unknown';
+  private areaListener?: (data: display.Rect) => void;
+
+  aboutToAppear() {
+    try {
+      const displayClass = display.getDefaultDisplaySync();
+      this.availableArea = `Width: ${displayClass.width}, Height: ${displayClass.height}`;
+
+      // ✅ 正确：在 Display 对象上调用 on 方法监听 availableAreaChange
+      this.areaListener = (data: display.Rect) => {
+        hilog.info(0x0000, 'DisplayArea', `Available area changed: ${JSON.stringify(data)}`);
+        this.availableArea = `Width: ${data.width}, Height: ${data.height}`;
+      };
+      displayClass.on('availableAreaChange', this.areaListener);
+    } catch (error) {
+      hilog.error(0x0000, 'DisplayArea', `Failed to register listener: ${JSON.stringify(error)}`);
+    }
+  }
+
+  aboutToDisappear() {
+    // ✅ 正确：在 Display 对象上调用 off 方法注销 availableAreaChange
+    if (this.areaListener) {
+      const displayClass = display.getDefaultDisplaySync();
+      displayClass.off('availableAreaChange', this.areaListener);
+      this.areaListener = undefined;
+    }
+  }
+
+  build() {
+    Column() {
+      Text(`Available Area: ${this.availableArea}`)
+        .fontSize(20)
+        .margin({ top: 10 })
+    }
+  }
+}

package/skills/arkts-error-fixes/assets/DuplicateEntryError.ets

@@ -0,0 +1,35 @@
+@Entry
+@Component
+struct DuplicateEntryError {
+  @State message: string = 'Hello World';
+
+  build() {
+    Column() {
+      Text(this.message)
+        .fontSize(24)
+        .margin({ bottom: 20 })
+
+      ChildComponent()
+    }
+    .width('100%')
+    .height('100%')
+    .padding(20)
+  }
+}
+
+@Component
+struct ChildComponent {
+  @State count: number = 0;
+
+  build() {
+    Column() {
+      Text(`Count: ${this.count}`)
+        .fontSize(18)
+
+      Button('Increment')
+        .onClick(() => {
+          this.count++;
+        })
+    }
+  }
+}

package/skills/arkts-error-fixes/assets/ESObjectTypeError.ets

@@ -0,0 +1,137 @@
+import { hilog } from '@kit.PerformanceAnalysisKit';
+
+const DOMAIN = 0xFF00;
+const TAG = 'ESObjectTypeError';
+
+@Entry
+@Component
+struct ESObjectTypeError {
+  @State moduleLoaded: boolean = false;
+  @State moduleName: string = '';
+  @State errorMessage: string = '';
+
+  async loadNFCModule() {
+    try {
+      await import('@kit.ConnectivityKit');
+      this.moduleLoaded = true;
+      this.moduleName = 'NFC';
+      this.errorMessage = '';
+      hilog.info(DOMAIN, TAG, 'NFC module imported successfully');
+    } catch (err) {
+      hilog.error(DOMAIN, TAG, 'Failed to import NFC module: %{public}s', JSON.stringify(err));
+      this.moduleLoaded = false;
+      this.moduleName = 'NFC';
+      this.errorMessage = '模块导入失败';
+    }
+  }
+
+  async loadCameraModule() {
+    try {
+      await import('@kit.CameraKit');
+      this.moduleLoaded = true;
+      this.moduleName = 'Camera';
+      this.errorMessage = '';
+      hilog.info(DOMAIN, TAG, 'Camera module imported successfully');
+    } catch (err) {
+      hilog.error(DOMAIN, TAG, 'Failed to import Camera module: %{public}s', JSON.stringify(err));
+      this.moduleLoaded = false;
+      this.moduleName = 'Camera';
+      this.errorMessage = '模块导入失败';
+    }
+  }
+
+  build() {
+    Column() {
+      Text('ESObject 类型限制错误示例')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ top: 20, bottom: 20 })
+
+      Text('错误写法（不推荐）：')
+        .fontSize(14)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 10 })
+
+      Text(`let nfcModule: ESObject = null;`)
+        .fontSize(12)
+        .fontColor('#FF0000')
+        .fontFamily('monospace')
+        .padding(10)
+        .backgroundColor('#FFF0F0')
+        .borderRadius(4)
+        .margin({ bottom: 20 })
+
+      Text('正确写法（推荐）：')
+        .fontSize(14)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 10 })
+
+      Text(`let nfcModule: ESModule | null = null;`)
+        .fontSize(12)
+        .fontColor('#00AA00')
+        .fontFamily('monospace')
+        .padding(10)
+        .backgroundColor('#F0FFF0')
+        .borderRadius(4)
+        .margin({ bottom: 20 })
+
+      Row() {
+        Button('加载 NFC 模块')
+          .onClick(() => {
+            this.loadNFCModule();
+          })
+          .margin({ right: 10 })
+
+        Button('加载 Camera 模块')
+          .onClick(() => {
+            this.loadCameraModule();
+          })
+      }
+      .margin({ bottom: 20 })
+
+      if (this.moduleName) {
+        Column() {
+          Text(`模块名称: ${this.moduleName}`)
+            .fontSize(14)
+            .margin({ bottom: 5 })
+
+          if (this.moduleLoaded) {
+            Text('状态: 加载成功 ✓')
+              .fontSize(14)
+              .fontColor('#00AA00')
+          } else {
+            Text(`状态: ${this.errorMessage} ✗`)
+              .fontSize(14)
+              .fontColor('#FF0000')
+          }
+        }
+        .width('100%')
+        .padding(15)
+        .backgroundColor('#F5F5F5')
+        .borderRadius(8)
+      }
+
+      Text('说明:')
+        .fontSize(14)
+        .fontWeight(FontWeight.Bold)
+        .margin({ top: 20, bottom: 10 })
+
+      Text('• ESObject 类型使用受限，不能直接用作变量类型')
+        .fontSize(12)
+        .fontColor('#666666')
+        .margin({ bottom: 5 })
+
+      Text('• 使用 ESModule 类型或具体类型来声明动态导入的模块')
+        .fontSize(12)
+        .fontColor('#666666')
+        .margin({ bottom: 5 })
+
+      Text('• 使用 import() 函数进行动态导入')
+        .fontSize(12)
+        .fontColor('#666666')
+    }
+    .width('100%')
+    .height('100%')
+    .padding(20)
+  }
+}

package/skills/arkts-error-fixes/assets/FontColorPropertyError.ets

@@ -0,0 +1,42 @@
+@Entry
+@Component
+struct FontColorPropertyError {
+  @State message: string = '点击按钮测试';
+  @State showToast: boolean = false;
+
+  build() {
+    Column() {
+      Text('fontColor 属性错误示例')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 16 })
+      
+      Text('正确：Text 组件使用 fontColor')
+        .fontSize(16)
+        .fontColor('#333333')
+        .margin({ bottom: 8 })
+      
+      Text('正确：使用 fontColor 替代 textColor')
+        .fontSize(16)
+        .fontColor('#666666')
+        .margin({ bottom: 8 })
+      
+      Button('点击提示')
+        .onClick(() => {
+          this.showToast = true;
+          setTimeout(() => {
+            this.showToast = false;
+          }, 2000);
+        })
+      
+      if (this.showToast) {
+        Text(this.message)
+          .fontSize(14)
+          .fontColor('#666666')
+          .margin({ top: 8 })
+      }
+    }
+    .width('100%')
+    .padding(16)
+  }
+}

package/skills/arkts-error-fixes/assets/FunctionReturnTypeError.ets

@@ -0,0 +1,41 @@
+interface WindowInfo {
+  width: number;
+  height: number;
+}
+
+@Entry
+@Component
+struct FunctionReturnTypeError {
+  @State windowWidth: number = 0;
+  @State windowHeight: number = 0;
+
+  aboutToAppear() {
+    this.updateWindowInfo();
+  }
+
+  private getWindowInfo(): WindowInfo {
+    return {
+      width: 1080,
+      height: 2340
+    };
+  }
+
+  private updateWindowInfo(): void {
+    const info = this.getWindowInfo();
+    this.windowWidth = info.width;
+    this.windowHeight = info.height;
+  }
+
+  build() {
+    Column() {
+      Text(`Window: ${this.windowWidth} x ${this.windowHeight}`)
+        .fontSize(20)
+        .margin({ bottom: 20 })
+      
+      Button('Refresh')
+        .onClick(() => {
+          this.updateWindowInfo();
+        })
+    }
+  }
+}

package/skills/arkts-error-fixes/assets/IDataSourceError.ets

@@ -0,0 +1,79 @@
+// 错误示例 - LazyForEach 使用 string[] 直接报错
+@Entry
+@Component
+struct IDataSourceErrorExample {
+  private data: string[] = ['Item 1', 'Item 2', 'Item 3'];
+
+  build() {
+    Column() {
+      List() {
+        LazyForEach(this.data, (item: string) => {
+          ListItem() {
+            Text(item)
+          }
+        }, (item: string) => item)
+      }
+      .width('100%')
+      .height('100%')
+    }
+  }
+}
+
+// 解决方案 - 实现 IDataSource 接口
+class MyDataSource {
+  data: string[] = [];
+  private listeners: DataChangeListener[] = [];
+
+  totalCount(): number {
+    return this.data.length;
+  }
+
+  getData(index: number): string {
+    return this.data[index];
+  }
+
+  registerDataChangeListener(listener: DataChangeListener): void {
+    this.listeners.push(listener);
+  }
+
+  unregisterDataChangeListener(listener: DataChangeListener): void {
+    const index = this.listeners.indexOf(listener);
+    if (index > -1) {
+      this.listeners.splice(index, 1);
+    }
+  }
+
+  pushData(data: string): void {
+    this.data.push(data);
+    this.listeners.forEach((listener: DataChangeListener) => {
+      listener.onDataAdd?.(this.data.length - 1);
+    });
+  }
+}
+
+@Entry
+@Component
+struct IDataSourceCorrectExample {
+  private data: MyDataSource = new MyDataSource();
+
+  aboutToAppear() {
+    for (let i = 0; i < 100; i++) {
+      this.data.pushData(`Item ${i}`);
+    }
+  }
+
+  build() {
+    Column() {
+      List() {
+        LazyForEach(this.data, (item: string) => {
+          ListItem() {
+            Text(item).fontSize(20).padding(10)
+          }
+        }, (item: string) => item)
+      }
+      .cachedCount(5)
+      .width('100%')
+      .height('100%')
+    }
+  }
+}

package/skills/arkts-error-fixes/assets/ImplementationNotAllowedError.ets

@@ -0,0 +1,38 @@
+@Entry
+@Component
+struct ImplementationNotAllowedError {
+  @State count: number = 0;
+
+  build() {
+    Column() {
+      Text('实现不允许错误示例')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 16 })
+      
+      Text(`计数: ${this.count}`)
+        .fontSize(16)
+        .fontColor('#333333')
+        .margin({ bottom: 16 })
+      
+      Button('增加')
+        .onClick(() => {
+          this.count++;
+        })
+        .margin({ bottom: 16 })
+      
+      Row() {
+        Text('Row 内容')
+          .fontSize(14)
+          .fontColor('#666666')
+      }
+      .width('100%')
+      .padding(12)
+      .backgroundColor('#F5F5F5')
+      .borderRadius(4)
+    }
+    .width('100%')
+    .height('100%')
+    .padding(16)
+  }
+}