要创建一个用于包装@HostListener的通用装饰器，可以按照以下步骤操作：

1. 创建一个新的装饰器函数，该函数将作为通用装饰器使用。

function MyHostListener(eventName: string, args?: string[]) {
  return function(target: any, propertyName: string) {
    // 在这里编写装饰器逻辑
  }
}

2. 在装饰器函数中，使用@HostListener装饰器来注册事件监听器。

function MyHostListener(eventName: string, args?: string[]) {
  return function(target: any, propertyName: string) {
    // 注册事件监听器
    @HostListener(eventName, args)
    function handler(eventArgs: any[]) {
      // 在这里编写事件处理逻辑
    }
  }
}

3. 在事件处理逻辑中，你可以访问宿主元素的属性和方法，以及传入的事件参数。

function MyHostListener(eventName: string, args?: string[]) {
  return function(target: any, propertyName: string) {
    // 注册事件监听器
    @HostListener(eventName, args)
    function handler(eventArgs: any[]) {
      // 访问宿主元素的属性和方法
      console.log(target);
      console.log(propertyName);

      // 访问传入的事件参数
      console.log(eventArgs);
    }
  }
}

4. 在使用装饰器的组件或指令中，将装饰器应用到相应的方法上。

@Component({
  // 组件配置
})
export class MyComponent {
  @MyHostListener('click')
  handleClick(event: MouseEvent) {
    // 在这里处理点击事件
  }
}

这样，当组件中的元素被点击时，装饰器中的事件处理逻辑将被触发。你可以根据自己的需求来扩展装饰器的功能，例如添加条件判断或其他逻辑。