deveco-harness 0.1.0

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

@@ -0,0 +1,86 @@
+import { window } from '@kit.ArkUI';
+import { common } from '@kit.AbilityKit';
+
+// ❌ 错误示例：返回类型声明为 window.Rect
+// async function getTitleButtonRect(context: common.UIAbilityContext): Promise<window.Rect> {
+//   return new Promise((resolve, reject) => {
+//     window.getLastWindow(context, (err, win) => {
+//       if (err.code !== 0) {
+//         reject(new Error(err.message));
+//         return;
+//       }
+//       const titleButtonRect = win.getTitleButtonRect();
+//       resolve(titleButtonRect); // 类型错误：TitleButtonRect 不能赋值给 Rect
+//     });
+//   });
+// }
+
+// ✅ 正确示例：返回类型声明为 window.TitleButtonRect
+async function getTitleButtonRect(context: common.UIAbilityContext): Promise<window.TitleButtonRect> {
+  return new Promise((resolve, reject) => {
+    window.getLastWindow(context, (err, win) => {
+      if (err.code !== 0) {
+        reject(new Error(err.message));
+        return;
+      }
+      const titleButtonRect = win.getTitleButtonRect();
+      resolve(titleButtonRect);
+    });
+  });
+}
+
+// ✅ 如果需要 Rect 类型，进行类型转换
+// 注意：TitleButtonRect 类型可能不包含 left 和 top 属性
+// 如果需要完整的 Rect 信息，需要从其他 API 获取
+async function getTitleButtonRectAsRect(context: common.UIAbilityContext): Promise<window.Rect> {
+  return new Promise((resolve, reject) => {
+    window.getLastWindow(context, (err, win) => {
+      if (err.code !== 0) {
+        reject(new Error(err.message));
+        return;
+      }
+      const titleButtonRect = win.getTitleButtonRect();
+      // 创建新的 Rect 对象
+      // TitleButtonRect 只包含 width 和 height 属性
+      resolve({
+        left: 0,
+        top: 0,
+        width: titleButtonRect.width,
+        height: titleButtonRect.height
+      });
+    });
+  });
+}
+
+@Entry
+@Component
+struct TitleButtonRectTypeError {
+  @State titleBarHeight: number = 0;
+  @State titleBarWidth: number = 0;
+
+  async aboutToAppear() {
+    const context = this.getUIContext().getHostContext() as common.UIAbilityContext;
+    try {
+      const titleButtonRect = await getTitleButtonRect(context);
+      // TitleButtonRect 只包含 width 和 height 属性
+      this.titleBarHeight = titleButtonRect.height;
+      this.titleBarWidth = titleButtonRect.width;
+    } catch (err) {
+      console.error('获取标题栏按钮区域失败:', err instanceof Error ? err.message : String(err));
+    }
+  }
+
+  build() {
+    Column() {
+      Text('TitleButtonRect 类型错误示例')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 20 })
+      
+      Text(`标题栏高度: ${this.titleBarHeight}`)
+        .margin({ bottom: 8 })
+      Text(`标题栏宽度: ${this.titleBarWidth}`)
+    }
+    .padding(20)
+  }
+}

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

@@ -0,0 +1,102 @@
+@Entry
+@Component
+struct UnusedVariableWarningExample {
+  @State scrollOffset: number = 0;
+  private scroller: Scroller = new Scroller();
+
+  build() {
+    Column() {
+      Text('未使用变量警告示例')
+        .fontSize(20)
+        .fontWeight(FontWeight.Bold)
+        .margin({ bottom: 20 })
+
+      Column({ space: 12 }) {
+        Text('❌ 错误示例: scrollState 未使用')
+          .fontSize(14)
+          .fontColor('#666666')
+
+        Text('.onDidScroll((scrollOffset: number, scrollState: ScrollState) => {')
+          .fontSize(12)
+          .fontColor('#FF5722')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#FFF3E0')
+          .borderRadius(4)
+
+        Text('  this.scrollOffset = scrollOffset;')
+          .fontSize(12)
+          .fontColor('#FF5722')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#FFF3E0')
+          .borderRadius(4)
+
+        Text('})')
+          .fontSize(12)
+          .fontColor('#FF5722')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#FFF3E0')
+          .borderRadius(4)
+
+        Text('✅ 正确示例 1: 使用下划线前缀标记未使用参数')
+          .fontSize(14)
+          .fontColor('#666666')
+
+        Text('.onDidScroll((scrollOffset: number, _scrollState: ScrollState) => {')
+          .fontSize(12)
+          .fontColor('#4CAF50')
+          .fontFamily('monospace')
+          .padding(8)
+          .backgroundColor('#E8F5E9')
+          .borderRadius(4)
+
+        Text('  this.scrollOffset = scrollOffset;')
+          .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('实际使用示例:')
+        .fontSize(14)
+        .fontColor('#666666')
+        .margin({ bottom: 8 })
+
+      Scroll(this.scroller) {
+        Column() {
+          ForEach(Array.from({ length: 50 }), (_: Object, index: number) => {
+            Text(`Item ${index + 1}`)
+              .fontSize(16)
+              .padding(12)
+              .margin({ bottom: 8 })
+              .backgroundColor('#F5F5F5')
+              .borderRadius(4)
+          }, (_: Object, index: number) => `${index}`)
+        }
+        .width('100%')
+      }
+      .scrollable(ScrollDirection.Vertical)
+      .scrollBar(BarState.Auto)
+      .onDidScroll((scrollOffset: number, _scrollState: ScrollState) => {
+        this.scrollOffset = scrollOffset;
+      })
+    }
+    .width('100%')
+    .height('100%')
+    .padding(20)
+  }
+}

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

@@ -0,0 +1,176 @@
+/**
+ * ❌ 错误示例：使用 Parameters 工具类型
+ * 
+ * 错误原因：ArkTS 不支持 TypeScript 的 Parameters 工具类型
+ * 错误信息：Some of utility types are not supported (arkts-no-utility-types)
+ */
+@Entry
+@Component
+struct UtilityTypeError {
+  @State count: number = 0;
+
+  // ❌ 错误：使用 Parameters 工具类型
+  private handleClick = (event: ClickEvent) => {
+    this.count++;
+  };
+
+  // ❌ 错误：使用 Parameters 工具类型
+  private debounce<T extends (...args: any[]) => void>(func: T, delay: number): T {
+    return ((...args: Parameters<T>) => {
+      setTimeout(() => {
+        func(...args);
+      }, delay);
+    }) as T;
+  }
+
+  build() {
+    Column() {
+      Text(`Count: ${this.count}`)
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Click Me')
+        .onClick(this.handleClick)
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：使用 Object[] 替代 Parameters 工具类型
+ */
+@Entry
+@Component
+struct UtilityTypeCorrect {
+  @State count: number = 0;
+
+  private handleClick = (event: ClickEvent) => {
+    this.count++;
+  };
+
+  // ✅ 正确：使用 Object[] 替代 Parameters<T>
+  private debounce(func: Function, delay: number): Function {
+    return (...args: Object[]): void => {
+      setTimeout(() => {
+        func(...args);
+      }, delay);
+    };
+  }
+
+  build() {
+    Column() {
+      Text(`Count: ${this.count}`)
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Click Me')
+        .onClick(this.handleClick)
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：使用明确的类型定义
+ */
+@Entry
+@Component
+struct UtilityTypeExplicit {
+  @State message: string = 'Hello';
+
+  // ✅ 正确：使用明确的类型定义
+  private handleClick = (event: ClickEvent): void => {
+    this.message = 'Clicked!';
+  };
+
+  // ✅ 正确：使用明确的类型定义
+  private handleInput = (value: string): void => {
+    this.message = value;
+  };
+
+  // ✅ 正确：使用明确的类型定义
+  private debounce(func: (event: ClickEvent) => void, delay: number): (event: ClickEvent) => void {
+    let timeoutId: number = -1;
+    return (event: ClickEvent): void => {
+      clearTimeout(timeoutId);
+      timeoutId = setTimeout(() => {
+        func(event);
+      }, delay);
+    };
+  }
+
+  build() {
+    Column() {
+      Text(this.message)
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Click Me')
+        .onClick(this.debounce(this.handleClick, 300))
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：使用类型别名定义函数类型
+ */
+type EventHandler = (event: ClickEvent) => void;
+type InputHandler = (value: string) => void;
+
+@Entry
+@Component
+struct UtilityTypeInterface {
+  @State message: string = 'Hello';
+
+  // ✅ 正确：使用类型别名定义函数类型
+  private handleClick: EventHandler = (event: ClickEvent): void => {
+    this.message = 'Clicked!';
+  };
+
+  // ✅ 正确：使用类型别名定义函数类型
+  private handleInput: InputHandler = (value: string): void => {
+    this.message = value;
+  };
+
+  build() {
+    Column() {
+      Text(this.message)
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Click Me')
+        .onClick(this.handleClick)
+    }
+  }
+}
+
+/**
+ * ✅ 正确示例：使用类型别名
+ */
+type ClickHandler = (event: ClickEvent) => void;
+type ValueHandler = (value: string) => void;
+
+@Entry
+@Component
+struct UtilityTypeAlias {
+  @State message: string = 'Hello';
+
+  // ✅ 正确：使用类型别名
+  private handleClick: ClickHandler = (event: ClickEvent): void => {
+    this.message = 'Clicked!';
+  };
+
+  // ✅ 正确：使用类型别名
+  private handleInput: ValueHandler = (value: string): void => {
+    this.message = value;
+  };
+
+  build() {
+    Column() {
+      Text(this.message)
+        .fontSize(20)
+        .margin({ bottom: 20 })
+
+      Button('Click Me')
+        .onClick(this.handleClick)
+    }
+  }
+}

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

@@ -0,0 +1,65 @@
+// window.Rect 和 window.Size 类型使用示例
+import { window } from '@kit.ArkUI';
+
+@Entry
+@Component
+struct WindowRectSizeExample {
+  @State windowRect: window.Rect = { left: 0, top: 0, width: 0, height: 0 };
+  @State windowSize: window.Size = { width: 0, height: 0 };
+  @State breakpoint: string = 'sm';
+
+  aboutToAppear() {
+    try {
+      window.getLastWindow(this.getUIContext().getHostContext(), (err, win) => {
+        if (err.code !== 0) {
+          console.error('Failed to get window:', err);
+          return;
+        }
+        const properties = win.getWindowProperties();
+        this.windowRect = properties.windowRect;
+        this.windowSize = { width: properties.windowRect.width, height: properties.windowRect.height };
+        this.breakpoint = this.calculateBreakpoint(properties.windowRect.width);
+
+        win.on('windowSizeChange', (size: window.Size) => {
+          this.windowSize = size;
+          this.windowRect = {
+            left: this.windowRect.left,
+            top: this.windowRect.top,
+            width: size.width,
+            height: size.height
+          };
+          this.breakpoint = this.calculateBreakpoint(size.width);
+        });
+      });
+    } catch (e) {
+      console.error('Error:', e);
+    }
+  }
+
+  private calculateBreakpoint(width: number): string {
+    if (width < 600) return 'sm';
+    if (width < 840) return 'md';
+    if (width < 1440) return 'lg';
+    return 'xl';
+  }
+
+  build() {
+    Column({ space: 20 }) {
+      Text('窗口信息')
+        .fontSize(24)
+        .fontWeight(FontWeight.Bold)
+
+      Text(`窗口位置: x=${this.windowRect.left}, y=${this.windowRect.top}`)
+        .fontSize(16)
+
+      Text(`窗口尺寸: w=${this.windowRect.width}, h=${this.windowRect.height}`)
+        .fontSize(16)
+
+      Text(`当前断点: ${this.breakpoint}`)
+        .fontSize(16)
+    }
+    .width('100%')
+    .height('100%')
+    .padding(20)
+  }
+}

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

@@ -0,0 +1,37 @@
+import { window } from '@kit.ArkUI';
+import { common } from '@kit.AbilityKit';
+
+@Entry
+@Component
+struct WindowTypeError {
+  @State windowWidth: number = 0;
+
+  aboutToAppear() {
+    try {
+      const 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.windowWidth = properties.windowRect.width;
+        
+        win.on('windowSizeChange', (size: window.Size) => {
+          this.windowWidth = size.width;
+        });
+      });
+    } catch (err) {
+      console.error('Failed to get context:', err);
+    }
+  }
+
+  build() {
+    Column() {
+      Text(`Window Width: ${this.windowWidth}`)
+        .fontSize(20)
+    }
+  }
+}