This repository has been archived by the owner on Dec 6, 2021. It is now read-only.
Releases: b2nil/taro-ui-vue3
Releases · b2nil/taro-ui-vue3
Release v1.0.0-alpha.21
修复
- fix(tabs): 所有小程序平台支持
scroll属性（c974fdb） - fix(float-layout): 阻止滚动穿透 (38464a3, 4467278, bb861ac)
- fix(action-sheet): 阻止滚动穿透 (05d3565)
- fix(modal): 阻止滚动穿透 (0c394ec, 2db17c4, 6f00bad)
- fix(calendar): 阻止滚动穿透 (7164d10)
- fix(calendar): h5 平台支持
isVertical属性 (d0f3a4a)
其他
- 重构 Repo 结构
- 更新文档并修复文档网站的一系列问题
- 删除组件中仅用于测试的代码
Release v1.0.0-alpha.20
Release v1.0.0-alpha.19
Fixes
- fix(types): export
createUIas Plugin (685161c) - fix(ImagePicker): 修复内容不居中 (868bab0, e8f5820), by @unforesndprson
- fix(events): use
onLowercasesyntax for all taro builtin events to comply withvue@^3.0.6(b01004a) - fix(calendar): render marks in months other than the current month (5772de5)
- and a bunch of other related fixes and refactor to tests and demos and deps
Notes
vue@3.0.6 之前，web components 的自定义 kebab-case 事件 foo-bar 会被解析为 foobar，vue 会将 foobar 作为事件监听器名称。
vue@3.0.6 中对 kebab-case 事件引入了这个 Commit: kebab-case events are attached correctly on web components, see #2841 (b302cbb) 。引入这一变更后，@foobar 和 onFoobar 对应的事件名称为 foobar， 而 @foo-bar 和 onFooBar 对应的事件名称为 foo-bar。
这会影响到 Taro 内置组件事件名称超过（含）两个单词的所有事件，例如 onTouchStart、onKeyboardHeightChange。
本次发布修改了 taro-ui-vue3 所有用到的 Taro 内置组件事件的写法，即将 onCamelCase 写法改为了 onLowercasewhateverfollows 写法。如果发现 taro-ui-vue3 组件的事件触发不了，请将下面的依赖更新至以下版本或以上：
"dependencies": {
"@tarojs/components": "^3.1.4",
"@tarojs/taro": "^3.1.4",
"vue": "^3.0.6"
},注意
使用 Taro vue 3.0 框架时：
- 如果直接使用 Taro 内置组件，绑定内置组件事件时，请使用
@alllowercasewhateverfollows(针对 sfc)，或使用onLowercasewhateverfollows(针对 render 函数和 jsx)。 - 如果使用
taro-ui-vue3组件，请按照文档绑定事件名称，无需引入任何变化。
Release v1.0.0-alpha.18
Features
- feat: add ui component registering plugin (c3a4bc1)
- feat(tab-bar): props fontSize and iconSize accept both string and number (72492d4)
- feat(rate): make props size, max, margin accept both number and string (5d45eb9)
- feat(segmented-controll): make prop fontSize accept both number and string (c40d35a)
Fixes
- fix(input): value 0 will lead to improper rendering of clear icon, close #81 (e4d840f)
- fix(modal): modal action buttons should not have top margin, close #76 (0a1b8a2)
- fix(input): class named '.at-input--without-border' exists when prop border is true, by @SUDOCS (10ed436)
- fix(textarea): placeholder class style bug, by @Chenxinan (9b21c32)
- fix(noticebar): support more miniapp platforms (6ce1738)
- fix(input): not to render slot container node if no slot content (61d5452)
- fix(input): input event handlers should not be triggered if disabled (d39acae)
- fix(input): space following default placeholderClass should be trimmed (3e5c1ef)
- fix(input): placeholderClass should be string rather than object (5d852b3)
- fix(image-picker): fix sizeType and sourceType typo and add default values for both props (3b733bb)
- fix(skeleton): use TransitionGroup instead of Transition (e739dea)
- fix(skeleton): should return a11y attributes when loading (25e980a)
- fix(toast): ReferenceError: Cannot access 'state' before initialization (e3c3dc4)
tests
- update roughly half of the test cases
Release v1.0.0-alpha.17
New Features
- 以下表单组件支持 v-model 语法
这些组件仍兼容原有属性和用法；使用 v-model 时，需明确绑定属性名称，如：
v-model:value="modelValue",v-model:selected-list="modelValue"，直接写v-model="modelValue"则无效。
// 采用 onChange 事件更新 value 的值
<AtInput :value="modelValue" @change="updateValue"/>
// 采用 v-model 更新 value 的值
<AtInput v-model:value="modelValue" />- AtRate 新增
icon和color属性，支持自定义图标('star' | 'heart')和图标颜色 (229d93e)