-
v1.12.0 Stable
released this
2024-06-17 11:40:21 +08:00 | 1 commits to master since this release- 增加双向绑定方法
live()
的支持; - 增加语法糖方法
when()
和which()
; - 更新开源协议的声明;
import { live, when, which } from 'wkit' class { foo = 'blabla' bar = { a: 'blabla'} show = false tab = 'home' render() { return html` <p>${this.foo}</p> <p>${this.bar.a}</p> <input value=${this.foo} /> <!-- 普通绑定, 输入时不会同步到foo上 --> <input value=${live.bind(this, 'foo')} /> <!-- 双向绑定, 输入时会同步到foo上, 并且自动更新视图渲染 --> <input value=${live.bind(this, 'bar.a')} /> <!-- 支持对象子属性 --> <!-- 旧的三元运算符写法 --> ${ this.show ? html`xxxx` : '' } <!-- 使用when()方法, 默认空值可省略 --> ${ when(this.show, html`xxxx`) } <!-- which()方法, 可简单处理字符串模板不支持switch语法的问题 --> ${ which(this.tab, [ ['home', 'html`xxxx`], ['about', html`yyyy`], ... ]) } ` } }
Downloads
- 增加双向绑定方法
-
v1.11.0 Stable
released this
2023-11-23 10:49:43 +08:00 | 10 commits to master since this release- 优化动画逻辑
props
定义,增加特殊类型null
支持; 当类型设置为null时, 不会修正赋值, 也不会监听其赋值的子属性的变化, 同时也不会显示在标签上。
Downloads
-
v1.10.12 Stable
released this
2023-11-16 18:14:26 +08:00 | 13 commits to master since this release- 框架内置
::selection
样式, 为所有组件增加选中状态的文本增加前景色和背景色的预设。外部可通过定义css变量
--selection-background
和--selection-color
, 实现全局统一的样式。
Downloads
- 框架内置
-
v1.10.11 Stable
released this
2023-11-15 19:05:10 +08:00 | 14 commits to master since this release- 优化属性赋值处理逻辑
- 调整注入机制, 提升状态管理插件的性能
Downloads
-
v1.10.9 Stable
released this
2023-09-21 10:31:21 +08:00 | 17 commits to master since this release- 小幅精简模板AST
- 增加内置
range
方法 - 优化异步回调的触发
Downloads
-
v1.10.8 Stable
released this
2023-09-19 18:37:27 +08:00 | 23 commits to master since this release- 优化异常处理, 避免某些情况下报错导致进程卡死的bug
Downloads
-
v1.10.7 Stable
released this
2023-09-19 13:39:40 +08:00 | 24 commits to master since this releasekeepAlive
设为保留关键字, 不可用于自定义props
。(组件设为keepAlive时, 事件不会自动销毁, 请慎用该属性)- 修复复杂类型属性的监听
- 增加静态属性
watches
的支持。(在props默认的处理逻辑不满足需求时, 可自行编写处理逻辑, 需要监听属性时, 可自行添加)
class Foo extends Component { static watches = ['xx'] get xx(){ // } set(v){ // } }
Downloads