theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix table重新渲染会修改props

Browse Source
This commit is contained in:
Theluyuan
2023-05-18 14:35:17 +08:00
parent 71a3b6f1c4
commit 9c7280105d
7 changed files with 98 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
package/component/lib/index.js
View File

@@ -17662,6 +17662,9 @@ const _sfc_main$K = defineComponent({
if (!node.isDisabled) {
emit("node-click", node);
}
if (props.showCheckbox) {
node.isChecked = !node.isChecked;
}
}
function handleRowClick(node) {
if (!props.showLine) {
@@ -17743,7 +17746,7 @@ const _sfc_main$K = defineComponent({
class: normalizeClass({
"layui-tree-txt": true,
"layui-disabled": node.isDisabled,
"layui-this": __props.selectedKey === node.id
"layui-this": __props.selectedKey === node.id || node.isChecked
}),
onClick: withModifiers(($event) => handleTitleClick(node), ["stop"])
}, [
@@ -18015,18 +18018,21 @@ const _sfc_main$J = defineComponent({
loadNodeList();
}, { deep: true, immediate: true });
watch(() => props.checkedKeys, () => {
console.log(tree.value);
if (!unWatch.value) {
loadNodeList();
}
}, {
deep: true
});
watch(tree, () => {
if (initStatus.value) {
const { checkedKeys } = tree.value.getKeys();
unWatch.value = true;
emit("update:checkedKeys", checkedKeys);
setTimeout(() => {
nextTick(() => {
unWatch.value = false;
}, 0);
});
}
}, { deep: true });
onMounted(() => {
@@ -19492,7 +19498,7 @@ const _sfc_main$D = defineComponent({
});
};
findFinalNode(0, tableColumns.value);
const tableSelectedKeys = ref([...props.selectedKeys]);
const tableSelectedKeys = ref(props.selectedKeys);
const tableExpandKeys = ref([...props.expandKeys]);
watch(() => props.selectedKeys, () => {
tableSelectedKeys.value = props.selectedKeys;
@@ -19536,7 +19542,10 @@ const _sfc_main$D = defineComponent({
} else {
hasChecked.value = false;
}
emit("update:selectedKeys", tableSelectedKeys.value);
if (tableSelectedKeys.value != props.selectedKeys) {
console.log("\u521D\u59CB\u5316\u8D4B\u503C\u89E6\u53D1\u4FEE\u6539", tableSelectedKeys.value, props.selectedKeys);
emit("update:selectedKeys", tableSelectedKeys.value);
}
}, { deep: true, immediate: true });
watch(tableExpandKeys, () => {
emit("update:expandKeys", tableExpandKeys.value);