fix: collapse 动画警告

This commit is contained in:
就眠儀式
2022-03-24 17:03:45 +08:00
parent 20d5093ba5
commit 2605386fe5
5 changed files with 6 additions and 4 deletions

View File

@@ -11,11 +11,13 @@ import { withDefaults, provide, ref, watch } from "vue";
export interface LayCollapseProps {
modelValue?: number | string | [];
accordion?: boolean;
isAmin?: boolean;
}
const props = withDefaults(defineProps<LayCollapseProps>(), {
modelValue: () => [],
accordion: false,
isAmin: true
});
// 监听传入的值
@@ -31,6 +33,7 @@ const activeValues = ref<Array<any>>(([] as any[]).concat(props.modelValue));
provide("layCollapse", {
accordion: props.accordion,
isAmin: props.isAmin,
activeValues,
emit,
});

View File

@@ -3,11 +3,9 @@
v-on:before-enter="beforeEnter"
v-on:enter="enter"
v-on:after-enter="afterEnter"
v-on:enter-cancelled="enterCancelled"
v-on:before-leave="beforeLeave"
v-on:leave="leave"
v-on:after-leave="afterLeave"
v-on:leave-cancelled="leaveCancelled"
>
<slot></slot>
</transition>

View File

@@ -25,6 +25,6 @@ export interface LayTransitionProps {
const props = withDefaults(defineProps<LayTransitionProps>(), {
type: "collapse",
enable: true
enable: true,
});
</script>

View File

@@ -136,7 +136,7 @@ function handleTitleClick(node: TreeData) {
</span>
</div>
</div>
<LayTransition :enable="accordion">
<LayTransition>
<div
v-if="node.isLeaf.value"
class="layui-tree-pack layui-tree-showLine"