增加 when和which方法; 同时mounted回调时更新渲染

master
yutent 2024-06-12 19:02:13 +08:00
parent 065271f2f6
commit 0f09245657
2 changed files with 17 additions and 1 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "wkit", "name": "wkit",
"version": "1.11.5", "version": "1.11.6",
"type": "module", "type": "module",
"description": "A library for building fast, lightweight web components.", "description": "A library for building fast, lightweight web components.",
"main": "dist/index.js", "main": "dist/index.js",

View File

@ -59,6 +59,21 @@ export function styleMap(data = {}) {
return output return output
} }
// 三元运算符的函数封装(只为了省个参数)
export function when(condition, trueCase = '', falseCase = '') {
return condition ? trueCase : falseCase
}
// swicth语句的封装
export function which(target, list = [], defaultCase = '') {
for (let [name, content] of list) {
if (target === name) {
return content
}
}
return defaultCase
}
export class Component extends HTMLElement { export class Component extends HTMLElement {
/** /**
* 声明可监听变化的属性列表 * 声明可监听变化的属性列表
@ -387,6 +402,7 @@ export class Component extends HTMLElement {
this.activated() this.activated()
} }
this.mounted() this.mounted()
this.$requestUpdate()
}) })
} else { } else {
nextTick(_ => this.updated(props)) nextTick(_ => this.updated(props))