mirror of
https://github.com/vbenjs/vue-vben-admin.git
synced 2025-08-26 08:36:19 +08:00
fix: fix window npm script
This commit is contained in:
@@ -4,12 +4,12 @@
|
||||
<CollapseTransition :enable="canExpan">
|
||||
<Skeleton v-if="loading" />
|
||||
<div class="collapse-container__body" v-else v-show="show">
|
||||
<LazyContainer :timeout="lazyTime" v-if="lazy">
|
||||
<!-- <LazyContainer :timeout="lazyTime" v-if="lazy">
|
||||
<slot />
|
||||
<template #skeleton>
|
||||
<slot name="lazySkeleton" />
|
||||
</template>
|
||||
</LazyContainer>
|
||||
</LazyContainer> -->
|
||||
<slot />
|
||||
</div>
|
||||
</CollapseTransition>
|
||||
@@ -24,13 +24,18 @@
|
||||
import CollapseHeader from './CollapseHeader.vue';
|
||||
import { Skeleton } from 'ant-design-vue';
|
||||
|
||||
import LazyContainer from '../LazyContainer';
|
||||
// import LazyContainer from '../LazyContainer';
|
||||
|
||||
import { triggerWindowResize } from '/@/utils/event/triggerWindowResizeEvent';
|
||||
// hook
|
||||
import { useTimeout } from '/@/hooks/core/useTimeout';
|
||||
export default defineComponent({
|
||||
components: { Skeleton, LazyContainer, CollapseHeader, CollapseTransition },
|
||||
components: {
|
||||
Skeleton,
|
||||
// LazyContainer,
|
||||
CollapseHeader,
|
||||
CollapseTransition,
|
||||
},
|
||||
name: 'CollapseContainer',
|
||||
props: {
|
||||
// 标题
|
||||
|
@@ -9,7 +9,6 @@ interface HTMLExpandElement extends HTMLElement {
|
||||
_parent?: (Node & ParentNode & HTMLElement) | null;
|
||||
_initialStyle: {
|
||||
transition: string;
|
||||
visibility: string | null;
|
||||
overflow: string | null;
|
||||
height?: string | null;
|
||||
width?: string | null;
|
||||
@@ -25,7 +24,6 @@ export default function (expandedParentClass = '', x = false) {
|
||||
el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null;
|
||||
el._initialStyle = {
|
||||
transition: el.style.transition,
|
||||
visibility: el.style.visibility,
|
||||
overflow: el.style.overflow,
|
||||
[sizeProperty]: el.style[sizeProperty],
|
||||
};
|
||||
@@ -35,7 +33,6 @@ export default function (expandedParentClass = '', x = false) {
|
||||
const initialStyle = el._initialStyle;
|
||||
|
||||
el.style.setProperty('transition', 'none', 'important');
|
||||
// Hide overflow to account for collapsed margins in the calculated height
|
||||
el.style.overflow = 'hidden';
|
||||
const offset = `${el[offsetProperty]}px`;
|
||||
|
||||
@@ -60,7 +57,6 @@ export default function (expandedParentClass = '', x = false) {
|
||||
leave(el: HTMLExpandElement) {
|
||||
el._initialStyle = {
|
||||
transition: '',
|
||||
visibility: '',
|
||||
overflow: el.style.overflow,
|
||||
[sizeProperty]: el.style[sizeProperty],
|
||||
};
|
||||
@@ -88,6 +84,6 @@ export default function (expandedParentClass = '', x = false) {
|
||||
const size = el._initialStyle[sizeProperty];
|
||||
el.style.overflow = el._initialStyle.overflow!;
|
||||
if (size != null) el.style[sizeProperty] = size;
|
||||
Reflect.deleteProperty(el, '_initialStyle');
|
||||
delete (el as any)._initialStyle;
|
||||
}
|
||||
}
|
||||
|
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<div class="m-4">
|
||||
<div class="mb-4"> </div>
|
||||
<CollapseContainer title="基础收缩示例">
|
||||
<BasicForm @register="register" />
|
||||
</CollapseContainer>
|
||||
|
Reference in New Issue
Block a user