vxe-pc-ui 4.15.4 → 4.15.5

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.15.4"}`;
+const uiVersion = `ui v${"4.15.5"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -94,7 +94,7 @@ function createComponentLog(name) {
 const warnLog$b = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.15.4";
+const version = "4.15.5";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -3801,12 +3801,12 @@ VxeUI.component(VxeButtonComponent);
 const Button = VxeButton;
 
 const { errLog: errLog$g } = createComponentLog('backtop');
-function createInternalData$e() {
+function createInternalData$f() {
     return {
         targetEl: null
     };
 }
-function createReactData$f() {
+function createReactData$g() {
     return {
         showBtn: false,
         backtopZindex: 0
@@ -3885,8 +3885,8 @@ var VxeBacktopComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$e();
-        const reactData = reactive(createReactData$f());
+        const internalData = createInternalData$f();
+        const reactData = reactive(createReactData$g());
         const refMaps = {
             refElem
         };
@@ -4063,8 +4063,8 @@ var VxeBacktopComponent = defineVxeComponent({
         });
         onBeforeUnmount(() => {
             removeScrollEvent();
-            XEUtils.assign(reactData, createReactData$f());
-            XEUtils.assign(internalData, createInternalData$e());
+            XEUtils.assign(reactData, createReactData$g());
+            XEUtils.assign(internalData, createInternalData$f());
         });
         $xeBacktop.renderVN = renderVN;
         return $xeBacktop;
@@ -6719,7 +6719,7 @@ function deNodeValue$1(nodeid) {
     return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid;
 }
 
-function createReactData$e() {
+function createReactData$f() {
     return {
         scrollYLoad: false,
         bodyHeight: 0,
@@ -6730,7 +6730,7 @@ function createReactData$e() {
         items: []
     };
 }
-function createInternalData$d() {
+function createInternalData$e() {
     return {
         resizeObserver: undefined,
         fullData: [],
@@ -6773,8 +6773,8 @@ var VxeListComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const browseObj = XEUtils.browse();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$e());
-        const internalData = createInternalData$d();
+        const reactData = reactive(createReactData$f());
+        const internalData = createInternalData$e();
         const refElem = ref();
         const refVirtualWrapper = ref();
         const refVirtualBody = ref();
@@ -7106,8 +7106,8 @@ var VxeListComponent = defineVxeComponent({
                 resizeObserver.disconnect();
             }
             globalEvents.off($xeList, 'resize');
-            XEUtils.assign(reactData, createReactData$e());
-            XEUtils.assign(internalData, createInternalData$d());
+            XEUtils.assign(reactData, createReactData$f());
+            XEUtils.assign(internalData, createInternalData$e());
         });
         $xeList.renderVN = renderVN;
         return $xeList;
@@ -9820,7 +9820,7 @@ var VxeInputComponent = defineVxeComponent({
 function getNodeUniqueId$1() {
     return XEUtils.uniqueId('node_');
 }
-function createReactData$d() {
+function createReactData$e() {
     return {
         initialized: false,
         searchValue: '',
@@ -9843,7 +9843,7 @@ function createReactData$d() {
         lazyOptFlag: 1
     };
 }
-function createInternalData$c() {
+function createInternalData$d() {
     return {
         // hpTimeout: undefined,
         listVirtualYOpts: {
@@ -9970,8 +9970,8 @@ var VxeCascaderComponent = defineVxeComponent({
         const refInpSearch = ref();
         const refChunkWrapper = ref();
         const refOptionPanel = ref();
-        const reactData = reactive(createReactData$d());
-        const internalData = createInternalData$c();
+        const reactData = reactive(createReactData$e());
+        const internalData = createInternalData$d();
         const refMaps = {
             refElem
         };
@@ -11543,7 +11543,7 @@ var VxeCascaderComponent = defineVxeComponent({
             globalEvents.off($xeCascader, 'mousedown');
             globalEvents.off($xeCascader, 'blur');
             globalEvents.off($xeCascader, 'resize');
-            XEUtils.assign(internalData, createInternalData$c());
+            XEUtils.assign(internalData, createInternalData$d());
         });
         provide('$xeCascader', $xeCascader);
         $xeCascader.renderVN = renderVN;
@@ -11876,10 +11876,10 @@ dynamicApp.use(VxeCheckboxButton);
 VxeUI.component(VxeCheckboxButtonComponent);
 const CheckboxButton = VxeCheckboxButton;
 
-function createReactData$c() {
+function createReactData$d() {
     return {};
 }
-function createInternalData$b() {
+function createInternalData$c() {
     return {
     // isLoaded: false
     };
@@ -11918,8 +11918,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
-        const reactData = reactive(createReactData$c());
-        const internalData = createInternalData$b();
+        const reactData = reactive(createReactData$d());
+        const internalData = createInternalData$c();
         const computeIsReadonly = computed(() => {
             const { readonly } = props;
             if (readonly === null) {
@@ -12078,8 +12078,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
             });
         });
         onUnmounted(() => {
-            XEUtils.assign(reactData, createReactData$c());
-            XEUtils.assign(internalData, createInternalData$b());
+            XEUtils.assign(reactData, createReactData$d());
+            XEUtils.assign(internalData, createInternalData$c());
         });
         provide('$xeCheckboxGroup', $xeCheckboxGroup);
         $xeCheckboxGroup.renderVN = renderVN;
@@ -12212,6 +12212,19 @@ dynamicApp.use(VxeCol);
 VxeUI.component(VxeColComponent);
 const Col = VxeCol;
 
+function createReactData$c() {
+    return {
+        staticPanes: [],
+        activeNames: [],
+        initNames: [],
+        cachePaneMaps: {}
+    };
+}
+function createInternalData$b() {
+    return {
+    // esTime: null
+    };
+}
 var VxeCollapseComponent = defineVxeComponent({
     name: 'VxeCollapse',
     props: {
@@ -12221,6 +12234,10 @@ var VxeCollapseComponent = defineVxeComponent({
             type: Boolean,
             default: () => getConfig$3().collapse.padding
         },
+        border: {
+            type: Boolean,
+            default: () => getConfig$3().collapse.border
+        },
         expandConfig: Object,
         size: {
             type: String,
@@ -12238,12 +12255,8 @@ var VxeCollapseComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
         const refElem = ref();
-        const reactData = reactive({
-            staticPanes: [],
-            activeNames: [],
-            initNames: [],
-            cachePaneMaps: {}
-        });
+        const reactData = reactive(createReactData$c());
+        const internalData = createInternalData$b();
         const refMaps = {
             refElem
         };
@@ -12264,6 +12277,7 @@ var VxeCollapseComponent = defineVxeComponent({
             props,
             context,
             reactData,
+            internalData,
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
@@ -12294,6 +12308,7 @@ var VxeCollapseComponent = defineVxeComponent({
                     if (name) {
                         const isActive = activeNames.includes(name);
                         nameMaps[`${name}`] = {
+                            height: 0,
                             loading: false
                         };
                         if (isActive) {
@@ -12329,8 +12344,14 @@ var VxeCollapseComponent = defineVxeComponent({
         };
         const handleClickEvent = (evnt, item) => {
             const { activeNames } = reactData;
+            const { esTime } = internalData;
             const { name } = item;
+            if (esTime) {
+                clearTimeout(esTime);
+            }
             if (name) {
+                const headEl = evnt.currentTarget;
+                const bodyEl = headEl.nextElementSibling;
                 const aIndex = activeNames.indexOf(name);
                 let expanded = false;
                 if (aIndex === -1) {
@@ -12340,6 +12361,35 @@ var VxeCollapseComponent = defineVxeComponent({
                 else {
                     activeNames.splice(aIndex, 1);
                 }
+                const startAnimation = () => {
+                    const itemEl = bodyEl.firstElementChild;
+                    if (itemEl) {
+                        bodyEl.style.height = toCssUnit(itemEl.scrollHeight);
+                        if (expanded) {
+                            internalData.esTime = setTimeout(() => {
+                                bodyEl.style.height = '';
+                                internalData.esTime = undefined;
+                            }, 200);
+                        }
+                        else {
+                            nextTick(() => {
+                                requestAnimationFrame(() => {
+                                    bodyEl.style.height = '';
+                                });
+                            });
+                        }
+                    }
+                };
+                if (bodyEl) {
+                    const itemEl = bodyEl.firstElementChild;
+                    if (itemEl) {
+                        startAnimation();
+                    }
+                    else {
+                        bodyEl.style.height = '0';
+                        nextTick(startAnimation);
+                    }
+                }
                 addInitName(name);
                 dispatchEvent('change', { value: activeNames, name }, evnt);
                 dispatchEvent('toggle-expand', { value: activeNames, name, expanded }, evnt);
@@ -12388,7 +12438,8 @@ var VxeCollapseComponent = defineVxeComponent({
                     ]),
                     h('div', {
                         class: ['vxe-collapse--item-content', {
-                                'is--visible': isActive
+                                'is--visible': isActive,
+                                'is--hidden': !isActive
                             }]
                     }, [
                         name && initNames.includes(name)
@@ -12403,7 +12454,7 @@ var VxeCollapseComponent = defineVxeComponent({
             });
         };
         const renderVN = () => {
-            const { padding } = props;
+            const { padding, border } = props;
             const vSize = computeSize.value;
             const itemOptions = computeItemOptions.value;
             const itemStaticOptions = computeItemStaticOptions.value;
@@ -12413,7 +12464,8 @@ var VxeCollapseComponent = defineVxeComponent({
                 ref: refElem,
                 class: ['vxe-collapse', {
                         [`size--${vSize}`]: vSize,
-                        'is--padding': padding
+                        'is--padding': padding,
+                        'is--border': border
                     }]
             }, [
                 h('div', {
@@ -12447,6 +12499,14 @@ var VxeCollapseComponent = defineVxeComponent({
         });
         reactData.activeNames = props.modelValue || [];
         initDefaultName(reactData.staticPanes.length ? reactData.staticPanes : props.options);
+        onUnmounted(() => {
+            const { esTime } = internalData;
+            if (esTime) {
+                clearTimeout(esTime);
+            }
+            XEUtils.assign(reactData, createReactData$c());
+            XEUtils.assign(internalData, createInternalData$b());
+        });
         provide('$xeCollapse', $xeCollapse);
         $xeCollapse.renderVN = renderVN;
         return $xeCollapse;