fix: collapse 动画警告
This commit is contained in:
@@ -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,
|
||||
});
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -25,6 +25,6 @@ export interface LayTransitionProps {
|
||||
|
||||
const props = withDefaults(defineProps<LayTransitionProps>(), {
|
||||
type: "collapse",
|
||||
enable: true
|
||||
enable: true,
|
||||
});
|
||||
</script>
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user