Custom element extend eecorator

extend.ts

interface CustomConstructor<K extends keyof HTMLElementTagNameMap>
  extends CustomElementConstructor {
  new (...params: any[]): HTMLElementTagNameMap[K]
  prototype: HTMLElementTagNameMap[K]
}

export const extend = <K extends keyof HTMLElementTagNameMap>(inherite: K) => {
  return <T extends CustomConstructor<K>>(target: T) => {
    customElements.define(`txs-${inherite}`, target, {extends: inherite})
  }
}