TypeScript 中的动态 web 组件

Question

在处理我的 web 组件 class 时，我在想是否有任何优雅的方式让它更具活力。 目前我有：

class WebComponent extends HTMLElement {
    private/protected/public methods, properties etc.
}

class MyComponent extends WebComponent {}

我想要实现的是能够动态设置要扩展的基本元素：

class MyComponent extends WebComponent(HTMLFormElement) {}

const component:WebComponent = new MyComponent(); // needed

if(component instanceof WebComponent) ... // needed

我尝试了几种方法，包括工厂和混入，但最终得到了匿名的 class 扩展，没有选项可以在编译时将 WebComponent 正确地称为 Typescript 类型或在运行时将 WebComponent instanceof引用为类型。

寻找好的提示。