Eiinu

可以同步修改一下 `doc.en-US.md`、`doc.taro.md` 文档中相同的部分

增加 transition 属性，默认为 true，开发者自行控制是否有展开/收起动画。这个功能是可以添加的。 但是在 `collapse-item.taro.vue` 中将 auto 修改为 initial 有一些问题，修改之后会丢失展开/收起动画。

> > 增加 transition 属性，默认为 true，开发者自行控制是否有展开/收起动画。这个功能是可以添加的。 但是在 `collapse-item.taro.vue` 中将 auto 修改为 initial 有一些问题，修改之后会丢失展开/收起动画。 > > 可以看下原先源代码里如何实现的这个动画。。他是不停的设置这个height....感谢提供框架，但是这个做法真的不好，可以参考重绘和重排 并不存在「不停地设置 height」，在单次展开或者收起的操作过程中，都只会对 height 属性进行「两次修改」，目的是为了实现在高度上的平滑动画。 而且 PR 中的修改的结果是「一定没有动画」，而不是「用属性控制了是否启用动画」

1、审查元素时 height 当然会变化，因为本身实现的效果就是关于 height 的动画。而且对高度做两次修改也是很常见的做法。 2、增加开关没毛病。但是把 auto 改成 initial 是不合理的，这样修改之后，即使设置为 true，也不存在动画。

修改之后，组件初次加载时获取到的元素定位有点问题，比如「自定义目标元素」这个 demo

参考 Tabs 「无切换动画」的 demo：https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tabs

需要将逻辑修改同步到 `index.vue` 文件后 `pnpm dev` 测试 H5 场景

> > 需要将逻辑修改同步到 `index.vue` 文件后 `pnpm dev` 测试 H5 场景 > > 我在 `index.taro.vue` 改动了后， h5 环境是能测试通过的，一直没明白 `index.vue` 和 `index.taro.vue` 的区别，这俩文件的模板结构有点不一样🧐 可以参考仓库内的贡献指南（contributing）。 index.vue 是纯 H5 的组件（pnpm dev 启动），index.taro.vue 是依赖于 Taro...

>  > > 这个错误麻烦帮我看看原因 @eiinu 似乎在当前组件内定义与 CSSProperties 类型有关的变量时都会报错，没有排查出具体的原因，可能与定义组件的方法有关系，用 any 暂时绕过吧。后续切换成 script + setup 应该就不会有这个问题了。

thanks!! and there is another way ```ts // ✅ const quillRef = ref(null) onMounted(() => { quillRef.value = markRaw(new Quill(...)) }); ``` https://vuejs.org/api/reactivity-advanced.html#markraw