deveco-harness 0.1.0

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

@@ -0,0 +1,269 @@
+/**
+ * ❌ 错误示例：使用 any 类型
+ * 
+ * 错误原因：ArkTS 不允许使用 any 类型
+ * 错误信息：Use explicit types instead of "any", "unknown" (arkts-no-any-unknown)
+ */
+// @Entry
+// @Component
+// struct AnyTypeError {
+//   @State data: any = { name: 'John', age: 30 };
+//
+//   // ❌ 错误：使用 any 类型
+//   private processData(input: any): void {
+//     console.info(input.name);
+//     console.info(input.age);
+//   }
+//
+//   // ❌ 错误：使用 any 类型
+//   private handleEvent(event: any): void {
+//     console.info(event.target);
+//     console.info(event.value);
+//   }
+//
+//   build() {
+//     Column() {
+//       Text('Any Type Error')
+//         .fontSize(20)
+//         .margin({ bottom: 20 })
+//
+//       Button('Process Data')
+//         .onClick(() => {
+//           this.processData(this.data);
+//         })
+//     }
+//   }
+// }
+
+/**
+ * ✅ 正确示例：使用明确的类型
+ */
+@Entry
+@Component
+struct ExplicitTypeCorrect {
+  @State data: UserData = { name: 'John', age: 30 };
+
+  // ✅ 正确：使用明确的类型
+  private processData(input: UserData): void {
+    console.info(input.name);
+    console.info(input.age.toString());
+  }
+
+  // ✅ 正确：使用明确的类型
+  private handleEvent(event: ClickEvent): void {
+    console.info(event.target.toString());
+    console.info(event.timestamp.toString());
+  }
+
+  build() {
+    Column() {
+      Text('Explicit Type Correct')
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Process Data')
+        .onClick(() => {
+          this.processData(this.data);
+        })
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：使用接口定义类型
+ */
+interface UserData {
+  name: string;
+  age: number;
+  email?: string;
+}
+
+@Entry
+@Component
+struct InterfaceTypeCorrect {
+  @State data: UserData = { name: 'John', age: 30 };
+
+  // ✅ 正确：使用接口定义类型
+  private processData(input: UserData): void {
+    console.info(input.name);
+    console.info(input.age.toString());
+    if (input.email) {
+      console.info(input.email);
+    }
+  }
+
+  build() {
+    Column() {
+      Text('Interface Type Correct')
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Process Data')
+        .onClick(() => {
+          this.processData(this.data);
+        })
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：使用联合类型
+ */
+type StringOrNumber = string | number;
+
+@Entry
+@Component
+struct UnionTypeCorrect {
+  @State value: StringOrNumber = 'Hello';
+
+  // ✅ 正确：使用联合类型
+  private displayValue(value: StringOrNumber): string {
+    if (typeof value === 'string') {
+      return value;
+    } else {
+      return value.toString();
+    }
+  }
+
+  build() {
+    Column() {
+      Text(this.displayValue(this.value))
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Toggle Value')
+        .onClick(() => {
+          if (typeof this.value === 'string') {
+            this.value = 42;
+          } else {
+            this.value = 'Hello';
+          }
+        })
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：使用泛型
+ */
+@Entry
+@Component
+struct GenericTypeCorrect {
+  @State items: number[] = [1, 2, 3, 4, 5];
+
+  // ✅ 正确：使用泛型
+  private findItem<T>(array: T[], predicate: (item: T) => boolean): T | undefined {
+    for (const item of array) {
+      if (predicate(item)) {
+        return item;
+      }
+    }
+    return undefined;
+  }
+
+  build() {
+    Column() {
+      Text('Generic Type Correct')
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Find Item')
+        .onClick(() => {
+          const found = this.findItem(this.items, (item) => item > 3);
+          console.info(`Found: ${found}`);
+        })
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：使用 Object 类型
+ */
+interface Config {
+  width: number;
+  height: number;
+}
+
+interface LogArg {
+  key: string;
+}
+
+@Entry
+@Component
+struct ObjectTypeCorrect {
+  @State config: Config = { width: 100, height: 200 };
+
+  // ✅ 正确：使用 Object 类型
+  private applyConfig(config: Object): void {
+    console.info(JSON.stringify(config));
+  }
+
+  // ✅ 正确：使用 Object[] 作为参数类型
+  private logArgs(...args: Object[]): void {
+    args.forEach(arg => {
+      console.info(JSON.stringify(arg));
+    });
+  }
+
+  build() {
+    Column() {
+      Text('Object Type Correct')
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Apply Config')
+        .onClick(() => {
+          this.applyConfig(this.config);
+          const logArg: LogArg = { key: 'value' };
+          this.logArgs('arg1', 42, logArg);
+        })
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：使用类型守卫
+ */
+interface StringData {
+  type: 'string';
+  value: string;
+}
+
+interface NumberData {
+  type: 'number';
+  value: number;
+}
+
+type Data = StringData | NumberData;
+
+@Entry
+@Component
+struct TypeGuardCorrect {
+  @State data: Data = { type: 'string', value: 'Hello' };
+
+  // ✅ 正确：使用类型守卫
+  private processData(data: Data): string {
+    if (data.type === 'string') {
+      return data.value;
+    } else {
+      return data.value.toString();
+    }
+  }
+
+  build() {
+    Column() {
+      Text(this.processData(this.data))
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Toggle Data')
+        .onClick(() => {
+          if (this.data.type === 'string') {
+            this.data = { type: 'number', value: 42 };
+          } else {
+            this.data = { type: 'string', value: 'Hello' };
+          }
+        })
+    }
+  }
+}

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

@@ -0,0 +1,22 @@
+@Entry
+@Component
+struct AppStorageError {
+  @StorageLink('myValue') myValue: number = 0;
+
+  aboutToAppear() {
+    AppStorage.setOrCreate('myValue', 0);
+  }
+
+  build() {
+    Column() {
+      Text(`Value: ${this.myValue}`)
+        .fontSize(20)
+        .margin({ bottom: 20 })
+      
+      Button('Increment')
+        .onClick(() => {
+          this.myValue += 1;
+        })
+    }
+  }
+}

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

@@ -0,0 +1,42 @@
+import { mediaquery } from '@kit.ArkUI';
+
+@Entry
+@Component
+struct ArrowFunctionConversionError {
+  @State isWideScreen: boolean = false;
+  private mediaListener: mediaquery.MediaQueryListener | null = null;
+
+  aboutToAppear() {
+    const mediaQuery = this.getUIContext().getMediaQuery();
+    this.mediaListener = mediaQuery.matchMediaSync('(min-width: 600vp)');
+    
+    if (this.mediaListener) {
+      this.isWideScreen = this.mediaListener.matches;
+      
+      this.mediaListener.on('change', (result: mediaquery.MediaQueryResult) => {
+        this.isWideScreen = result.matches;
+      });
+    }
+  }
+
+  aboutToDisappear() {
+    if (this.mediaListener) {
+      this.mediaListener.off('change');
+    }
+  }
+
+  build() {
+    Column() {
+      Text('Function.bind 错误示例')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 16 })
+      
+      Text(`屏幕宽度: ${this.isWideScreen ? '宽屏' : '窄屏'}`)
+        .fontSize(16)
+        .fontColor('#333333')
+    }
+    .width('100%')
+    .padding(16)
+  }
+}

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

@@ -0,0 +1,43 @@
+import { window } from '@kit.ArkUI';
+import { common } from '@kit.AbilityKit';
+
+@Entry
+@Component
+struct AvoidAreaTypeError {
+  @State avoidArea: window.AvoidArea = {
+    topRect: { left: 0, top: 0, width: 0, height: 0 },
+    bottomRect: { left: 0, top: 0, width: 0, height: 0 },
+    leftRect: { left: 0, top: 0, width: 0, height: 0 },
+    rightRect: { left: 0, top: 0, width: 0, height: 0 },
+    visible: false
+  };
+
+  aboutToAppear() {
+    const context = this.getUIContext().getHostContext() as common.UIAbilityContext;
+    
+    window.getLastWindow(context, (err, win) => {
+      if (err.code !== 0) {
+        console.error('获取窗口失败:', err);
+        return;
+      }
+      
+      this.avoidArea = win.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM);
+      
+      win.on('avoidAreaChange', (data) => {
+        if (data.type === window.AvoidAreaType.TYPE_SYSTEM) {
+          this.avoidArea = data.area;
+        }
+      });
+    });
+  }
+
+  build() {
+    Column() {
+      Text(`Top height: ${this.avoidArea.topRect.height}`)
+      Text(`Bottom height: ${this.avoidArea.bottomRect.height}`)
+      Text(`Left width: ${this.avoidArea.leftRect.width}`)
+      Text(`Right width: ${this.avoidArea.rightRect.width}`)
+      Text(`Visible: ${this.avoidArea.visible}`)
+    }
+  }
+}

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

@@ -0,0 +1,71 @@
+import { mediaquery } from '@kit.ArkUI';
+
+@Entry
+@Component
+struct BreakpointTypeError {
+  @State currentBreakpoint: string = 'sm';
+  private smListener: mediaquery.MediaQueryListener | null = null;
+  private mdListener: mediaquery.MediaQueryListener | null = null;
+  private lgListener: mediaquery.MediaQueryListener | null = null;
+
+  aboutToAppear() {
+    const mediaQuery = this.getUIContext().getMediaQuery();
+    
+    this.smListener = mediaQuery.matchMediaSync('(0vp<=width<600vp)');
+    this.mdListener = mediaQuery.matchMediaSync('(600vp<=width<840vp)');
+    this.lgListener = mediaQuery.matchMediaSync('(840vp<=width)');
+    
+    const smCallback = (result: mediaquery.MediaQueryResult): void => {
+      if (result.matches) {
+        this.currentBreakpoint = 'sm';
+      }
+    };
+    const mdCallback = (result: mediaquery.MediaQueryResult): void => {
+      if (result.matches) {
+        this.currentBreakpoint = 'md';
+      }
+    };
+    const lgCallback = (result: mediaquery.MediaQueryResult): void => {
+      if (result.matches) {
+        this.currentBreakpoint = 'lg';
+      }
+    };
+    
+    if (this.smListener) {
+      this.smListener.on('change', smCallback);
+    }
+    if (this.mdListener) {
+      this.mdListener.on('change', mdCallback);
+    }
+    if (this.lgListener) {
+      this.lgListener.on('change', lgCallback);
+    }
+  }
+
+  aboutToDisappear() {
+    if (this.smListener) {
+      this.smListener.off('change');
+    }
+    if (this.mdListener) {
+      this.mdListener.off('change');
+    }
+    if (this.lgListener) {
+      this.lgListener.off('change');
+    }
+  }
+
+  build() {
+    Column() {
+      Text('断点类型错误示例')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 16 })
+      
+      Text(`当前断点: ${this.currentBreakpoint}`)
+        .fontSize(16)
+        .fontColor('#333333')
+    }
+    .width('100%')
+    .padding(16)
+  }
+}

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

@@ -0,0 +1,54 @@
+import { camera } from '@kit.CameraKit';
+import { common } from '@kit.AbilityKit';
+
+@Entry
+@Component
+struct CatchClauseTypeError {
+  private cameraManager: camera.CameraManager | null = null;
+
+  async aboutToAppear() {
+    await this.initCamera();
+  }
+
+  async initCamera() {
+    try {
+      const context = this.getUIContext().getHostContext() as common.UIAbilityContext;
+      this.cameraManager = camera.getCameraManager(context);
+      console.log('相机管理器初始化成功');
+    } catch (error) {
+      console.error('初始化相机失败:', error);
+    }
+  }
+
+  async releaseCamera() {
+    if (this.cameraManager) {
+      try {
+        console.log('相机管理器已释放');
+      } catch (error) {
+        console.error('释放相机失败:', error);
+      }
+    }
+  }
+
+  build() {
+    Column() {
+      Text('Catch Clause Type Error Example')
+        .fontSize(20)
+        .margin(20)
+
+      Button('初始化相机')
+        .onClick(() => {
+          this.initCamera();
+        })
+        .margin(10)
+
+      Button('释放相机')
+        .onClick(() => {
+          this.releaseCamera();
+        })
+        .margin(10)
+    }
+    .width('100%')
+    .height('100%')
+  }
+}

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

@@ -0,0 +1,88 @@
+@Entry
+@Component
+struct ColorConsistencyExample {
+  @State useSystemColor: boolean = false;
+
+  build() {
+    Column() {
+      Text('颜色一致性示例')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 20 })
+
+      Text('使用硬编码颜色（不推荐）')
+        .fontSize(14)
+        .fontColor('#666666')
+        .margin({ bottom: 8 })
+
+      Column() {
+        Text('白色背景')
+          .fontSize(16)
+          .padding(12)
+          .margin({ bottom: 8 })
+          .width('100%')
+          .backgroundColor('#FFFFFF')
+          .borderRadius(8)
+
+        Text('灰色背景')
+          .fontSize(16)
+          .padding(12)
+          .margin({ bottom: 8 })
+          .width('100%')
+          .backgroundColor('#F5F5F5')
+          .borderRadius(8)
+
+        Text('蓝色背景')
+          .fontSize(16)
+          .padding(12)
+          .width('100%')
+          .backgroundColor('#007DFF')
+          .fontColor('#FFFFFF')
+          .borderRadius(8)
+      }
+      .width('100%')
+      .padding(16)
+      .backgroundColor('#F0F0F0')
+      .borderRadius(8)
+      .margin({ bottom: 20 })
+
+      Text('使用系统颜色资源（推荐）')
+        .fontSize(14)
+        .fontColor('#666666')
+        .margin({ bottom: 8 })
+
+      Column() {
+        Text('系统背景色')
+          .fontSize(16)
+          .padding(12)
+          .margin({ bottom: 8 })
+          .width('100%')
+          .backgroundColor($r('sys.color.ohos_id_color_background'))
+          .borderRadius(8)
+
+        Text('系统分割线色')
+          .fontSize(16)
+          .padding(12)
+          .margin({ bottom: 8 })
+          .width('100%')
+          .backgroundColor($r('sys.color.ohos_id_color_list_separator'))
+          .borderRadius(8)
+
+        Text('系统主色调')
+          .fontSize(16)
+          .padding(12)
+          .width('100%')
+          .backgroundColor($r('sys.color.ohos_id_color_primary'))
+          .fontColor($r('sys.color.ohos_id_color_text_primary'))
+          .borderRadius(8)
+      }
+      .width('100%')
+      .padding(16)
+      .backgroundColor($r('sys.color.ohos_id_color_sub_background'))
+      .borderRadius(8)
+    }
+    .width('100%')
+    .height('100%')
+    .padding(20)
+  }
+}

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

@@ -0,0 +1,39 @@
+@Entry
+@Component
+struct ColorPropertyError {
+  @State isDarkMode: boolean = false;
+
+  build() {
+    Column() {
+      Text('Color Property Example')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 20 })
+      
+      Text('Primary Color')
+        .fontSize(16)
+        .fontColor('#007DFF')
+        .margin({ bottom: 10 })
+      
+      Text('Secondary Color')
+        .fontSize(16)
+        .fontColor('#FF6B00')
+        .margin({ bottom: 10 })
+      
+      Text('Background Color')
+        .fontSize(16)
+        .backgroundColor('#F5F5F5')
+        .padding(10)
+        .margin({ bottom: 20 })
+      
+      Button('Toggle Theme')
+        .onClick(() => {
+          this.isDarkMode = !this.isDarkMode;
+        })
+    }
+    .width('100%')
+    .height('100%')
+    .backgroundColor(this.isDarkMode ? '#1A1A1A' : '#FFFFFF')
+    .padding(20)
+  }
+}