[gem] Support HMR

[mantou132]

dep #145

• replace html template my-element-v1
• copy state, cssstate, attr, prop

other:

• lit: https://github.com/lit/lit/issues/3627
• react: http://www.ayqy.net/blog/fast-refresh-under-the-hood/

goal:

• style update
• template update
• method update

[mantou132]

另一种方法：

只有 class 内的更新才能 hmr（？），class 的装饰器都不行，比如 @shadow，但需要支持 style； 对于函数以外的字段？好像不能确定是否要保留，不支持

1. 移除自定义元素重复注册
2. 添加一个影子类(主要是 swc 插件不能判断是否是热更新)
   1. 编译私有字段成公开字段
   2. 函数编译成非箭头函数
3. 替换函数字段为影子类函数（函数如果也是数据就尴尬了）并绑定 this 值
4. 替换 prototype
5. 重新执行渲染

[mantou132]

另一种方法：

• 刷新页面前，用一种方法保存 DOM 树以及对应的元素状态
• 加载后恢复 DOM 树并重新应用状态，迭代为新渲染的元素再次应用状态 // 如果不是水合，就有可能延时，例如 route
• 直到页面回到前面的状态或者稳定下来

不行：太多操作产生的数据了