vxe-pc-ui 4.15.3 → 4.15.5

package/dist/all.esm.js

@@ -1,5 +1,5 @@
 import * as core from '@vxe-ui/core';
-import { VxeUI, log, setConfig as setConfig$1, setIcon, getConfig as getConfig$3, createEvent, getIcon as getIcon$2, renderEmptyElement, useSize, usePermission, permission, globalEvents, renderer, getI18n as getI18n$2, globalResize, GLOBAL_EVENT_KEYS, getSlotVNs as getSlotVNs$1, commands, formats, getComponent, validators } from '@vxe-ui/core';
+import { VxeUI, setConfig as setConfig$1, setIcon, getConfig as getConfig$3, createEvent, getIcon as getIcon$2, renderEmptyElement, useSize, usePermission, permission, globalEvents, renderer, getI18n as getI18n$2, globalResize, GLOBAL_EVENT_KEYS, getSlotVNs as getSlotVNs$1, commands, formats, getComponent, validators } from '@vxe-ui/core';
 export * from '@vxe-ui/core';
 import { defineComponent, reactive, h, createCommentVNode, createApp, ref, inject, computed, watch, onMounted, onUnmounted, provide, nextTick, onBeforeUnmount, resolveComponent, Teleport, onActivated, onDeactivated, TransitionGroup } from 'vue';
 import XEUtils from 'xe-utils';
@@ -80,17 +80,21 @@ function checkDynamic() {
     }
 }
 
-const version$1 = `ui v${"4.15.3"}`;
+const { log } = VxeUI;
+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}` : '';
+    const designVersion = VxeUI.designVersion ? `design v${VxeUI.designVersion}` : '';
     return {
-        warnLog: log.create('warn', `${version$1} ${name}`),
-        errLog: log.create('error', `${version$1} ${name}`)
+        warnLog: log.create('warn', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name),
+        errLog: log.create('error', uiVersion + tableVersion + ganttVersion + designVersion + '] [' + name)
     };
 }
-const warnLog$b = log.create('warn', version$1);
-log.create('error', version$1);
+const warnLog$b = log.create('warn', uiVersion);
+log.create('error', uiVersion);
 
-const version = "4.15.3";
+const version = "4.15.5";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -153,6 +157,9 @@ setConfig$1({
         showFullLabel: true,
         treeConfig: {
             showIcon: true
+        },
+        filterConfig: {
+            autoExpandMode: 'first'
         }
     },
     checkbox: {},
@@ -3793,13 +3800,13 @@ dynamicApp.use(VxeButton);
 VxeUI.component(VxeButtonComponent);
 const Button = VxeButton;
 
-const { errLog: errLog$h } = createComponentLog('backtop');
-function createInternalData$e() {
+const { errLog: errLog$g } = createComponentLog('backtop');
+function createInternalData$f() {
     return {
         targetEl: null
     };
 }
-function createReactData$f() {
+function createReactData$g() {
     return {
         showBtn: false,
         backtopZindex: 0
@@ -3878,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
         };
@@ -3971,13 +3978,13 @@ var VxeBacktopComponent = defineVxeComponent({
                 const { target } = props;
                 if (!target) {
                     removeScrollEvent();
-                    errLog$h('vxe.error.reqProp', ['target']);
+                    errLog$g('vxe.error.reqProp', ['target']);
                     return;
                 }
                 if (XEUtils.isString(target)) {
                     const tEl = document.querySelector(target);
                     if (!tEl) {
-                        errLog$h('vxe.error.errProp', [`target=${target}`, 'body']);
+                        errLog$g('vxe.error.errProp', [`target=${target}`, 'body']);
                     }
                     const { targetEl } = internalData;
                     if (targetEl !== tEl) {
@@ -4056,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;
@@ -4662,7 +4669,7 @@ function isAllSameChar(str, char) {
     return true;
 }
 
-const { errLog: errLog$g } = createComponentLog('calendar');
+const { errLog: errLog$f } = createComponentLog('calendar');
 const { menus: menus$2, getConfig: getConfig$2, getI18n: getI18n$1 } = VxeUI;
 var VxeCalendarComponent = defineVxeComponent({
     name: 'VxeCalendar',
@@ -5930,7 +5937,7 @@ var VxeCalendarComponent = defineVxeComponent({
             const { menuConfig } = props;
             const VxeUIContextMenu = VxeUI.getComponent('VxeContextMenu');
             if (menuConfig && !VxeUIContextMenu) {
-                errLog$g('vxe.error.reqComp', ['vxe-context-menu']);
+                errLog$f('vxe.error.reqComp', ['vxe-context-menu']);
             }
             dateOpenPanel();
         });
@@ -6712,7 +6719,7 @@ function deNodeValue$1(nodeid) {
     return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid;
 }
 
-function createReactData$e() {
+function createReactData$f() {
     return {
         scrollYLoad: false,
         bodyHeight: 0,
@@ -6723,7 +6730,7 @@ function createReactData$e() {
         items: []
     };
 }
-function createInternalData$d() {
+function createInternalData$e() {
     return {
         resizeObserver: undefined,
         fullData: [],
@@ -6766,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();
@@ -7099,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;
@@ -9807,14 +9814,13 @@ var VxeInputComponent = defineVxeComponent({
     }
 });
 
-const { errLog: errLog$f } = createComponentLog('cascader');
 /**
  * 生成节点的唯一主键
  */
 function getNodeUniqueId$1() {
     return XEUtils.uniqueId('node_');
 }
-function createReactData$d() {
+function createReactData$e() {
     return {
         initialized: false,
         searchValue: '',
@@ -9837,7 +9843,7 @@ function createReactData$d() {
         lazyOptFlag: 1
     };
 }
-function createInternalData$c() {
+function createInternalData$d() {
     return {
         // hpTimeout: undefined,
         listVirtualYOpts: {
@@ -9964,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
         };
@@ -10378,7 +10384,6 @@ var VxeCascaderComponent = defineVxeComponent({
             return internalData.afterVisibleList;
         };
         const handleData = (force) => {
-            const { nodeMaps } = internalData;
             let fullList = internalData.afterVisibleList;
             if (force) {
                 // 更新数据，处理筛选和排序
@@ -10387,16 +10392,56 @@ var VxeCascaderComponent = defineVxeComponent({
                 fullList = handleTreeToList();
             }
             const treeList = fullList.slice(0);
-            treeList.forEach((item, $index) => {
-                const nodeid = getNodeId(item);
-                const itemRest = nodeMaps[nodeid];
-                if (itemRest) {
-                    itemRest.$index = $index;
-                }
-            });
             reactData.treeList = treeList;
         };
-        const triggerSearchEvent = XEUtils.debounce(() => handleData(true), 350, { trailing: true });
+        /**
+         * 获取第一个拥有子节点的节点
+         */
+        function handleHasChildNodeIds(treeList, type) {
+            const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
+            const childField = transform ? mapChildrenField : childrenField;
+            const nodeIds = [];
+            let currList = treeList;
+            while (currList.length) {
+                let targetNode = null;
+                for (const item of currList) {
+                    const kids = item[childField];
+                    if (XEUtils.isArray(kids) && kids.length > 0) {
+                        targetNode = item;
+                        break;
+                    }
+                }
+                if (targetNode) {
+                    nodeIds.push(getNodeId(targetNode));
+                    currList = targetNode[childField];
+                }
+                else {
+                    const endNode = XEUtils[type](currList);
+                    nodeIds.push(getNodeId(endNode));
+                    break;
+                }
+            }
+            return nodeIds;
+        }
+        const triggerSearchEvent = XEUtils.debounce(() => {
+            handleData(true);
+            updateModelChecked();
+            const filterOpts = computeFilterOpts.value;
+            const { autoExpandMode } = filterOpts;
+            const { afterTreeList } = internalData;
+            // 默认展开第
+            if (autoExpandMode === 'first' || autoExpandMode === 'last') {
+                const stItems = handleHasChildNodeIds(afterTreeList, autoExpandMode);
+                reactData.currentItems = stItems;
+            }
+            else {
+                handleCurrentItems();
+            }
+            updateCurrentChunk();
+        }, 350, { trailing: true });
         const loadData = (list) => {
             const treeOpts = computeTreeOpts.value;
             const keyField = computeKeyField.value;
@@ -10423,17 +10468,20 @@ var VxeCascaderComponent = defineVxeComponent({
         };
         const updateCurrentChunk = () => {
             const { currentItems } = reactData;
-            const { treeFullData } = internalData;
+            const { afterTreeList } = internalData;
             const childrenField = computeChildrenField.value;
-            const currentCunkList = [treeFullData];
+            const mapChildrenField = computeMapChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
+            const currentCunkList = [afterTreeList];
             if (currentItems.length) {
                 let chunkIndex = 0;
                 let stNodeid = currentItems[chunkIndex];
-                let optList = treeFullData;
+                let optList = afterTreeList;
                 while (stNodeid && optList && optList.length) {
                     stNodeid = currentItems[chunkIndex++];
                     const currOption = optList.find(item => stNodeid === getNodeId(item));
-                    optList = currOption ? currOption[childrenField] : [];
+                    optList = currOption ? currOption[transform ? mapChildrenField : childrenField] : [];
                     if (!optList || !optList.length) {
                         break;
                     }
@@ -10443,7 +10491,7 @@ var VxeCascaderComponent = defineVxeComponent({
             reactData.currentCunkList = currentCunkList;
         };
         const handleCurrentItems = () => {
-            const { treeFullData } = internalData;
+            const { afterTreeList } = internalData;
             const selectVals = computeSelectVals.value;
             const childrenField = computeChildrenField.value;
             const mapChildrenField = computeMapChildrenField.value;
@@ -10453,7 +10501,7 @@ var VxeCascaderComponent = defineVxeComponent({
             const expandedMaps = {};
             if (selectVals.length) {
                 const lastVal = enNodeValue$1(XEUtils.last(selectVals));
-                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === getNodeId(item), { children: transform ? mapChildrenField : childrenField });
+                const stRest = XEUtils.findTree(afterTreeList, (item) => lastVal === getNodeId(item), { children: transform ? mapChildrenField : childrenField });
                 if (stRest) {
                     const { nodes } = stRest;
                     nodes.forEach(item => {
@@ -10559,10 +10607,11 @@ var VxeCascaderComponent = defineVxeComponent({
                 return { checkNodeKeys: checkKeys, checkNodes };
             });
         };
-        const clearCheckboxNode = () => {
+        const clearSelectedNode = () => {
             internalData.indeterminateRowMaps = {};
             internalData.selectCheckboxMaps = {};
             reactData.updateCheckboxFlag++;
+            reactData.selectRadioKey = null;
             updateCheckboxStatus();
             return nextTick().then(() => {
                 return { checkNodeKeys: [], checkNodes: [] };
@@ -10604,7 +10653,7 @@ var VxeCascaderComponent = defineVxeComponent({
             const { $event } = params;
             const { multiple, checkedClosable } = props;
             const value = multiple ? [] : null;
-            clearCheckboxNode().then(() => {
+            clearSelectedNode().then(() => {
                 if (checkedClosable) {
                     hideOptionPanel($event);
                 }
@@ -10686,9 +10735,12 @@ var VxeCascaderComponent = defineVxeComponent({
             const { nodeMaps } = internalData;
             const radioOpts = computeRadioOpts.value;
             const childrenField = computeChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
+            const mapChildrenField = computeMapChildrenField.value;
             const { checkMode, checkMethod } = radioOpts;
             const nodeid = getNodeId(node);
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const nodeItem = nodeMaps[nodeid] || {};
             const nLevel = nodeItem.level;
@@ -10837,7 +10889,7 @@ var VxeCascaderComponent = defineVxeComponent({
                 const childRowList = [];
                 XEUtils.eachTree(afterTreeList, (node) => {
                     const nodeid = getNodeId(node);
-                    const childList = node[childrenField];
+                    const childList = node[transform ? mapChildrenField : childrenField];
                     if (childList && childList.length && !childRowMaps[nodeid]) {
                         childRowMaps[nodeid] = 1;
                         childRowList.unshift([node, nodeid, childList]);
@@ -10941,7 +10993,7 @@ var VxeCascaderComponent = defineVxeComponent({
             const treeOpts = computeTreeOpts.value;
             const { transform } = treeOpts;
             const nodeid = getNodeId(node);
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const nodeItem = nodeMaps[nodeid] || {};
             const nLevel = nodeItem.level;
@@ -11187,11 +11239,12 @@ var VxeCascaderComponent = defineVxeComponent({
             const { currentNode, selectRadioKey, updateCheckboxFlag, updateExpandedFlag } = reactData;
             const { nodeMaps, selectCheckboxMaps, indeterminateRowMaps, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
             const treeOpts = computeTreeOpts.value;
-            const { lazy, iconLoaded, iconOpen, iconClose } = treeOpts;
+            const { lazy, transform, iconLoaded, iconOpen, iconClose } = treeOpts;
             const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
             const labelField = computeLabelField.value;
             const hasChildField = computeHasChildField.value;
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const iconSlot = slots.icon;
             const titleSlot = slots.title;
@@ -11373,7 +11426,7 @@ var VxeCascaderComponent = defineVxeComponent({
                                             h('div', {
                                                 class: 'vxe-tree-select--header-button'
                                             }, [
-                                                showCheckedButton && showClearButton
+                                                (showCheckedButton && multiple) || showClearButton
                                                     ? h('div', {
                                                         class: 'vxe-tree-select--selected-btns'
                                                     }, [
@@ -11424,7 +11477,7 @@ var VxeCascaderComponent = defineVxeComponent({
                                         })
                                     ])
                                 ]),
-                                footerSlot || showTotalButton || (showCloseButton && multiple)
+                                footerSlot || showTotalButton || showCloseButton
                                     ? h('div', {
                                         class: 'vxe-cascader--panel-footer'
                                     }, footerSlot
@@ -11438,7 +11491,7 @@ var VxeCascaderComponent = defineVxeComponent({
                                                         class: 'vxe-cascader--total-btns'
                                                     }, getI18n$2('vxe.treeSelect.total', [selectVals.length]))
                                                     : renderEmptyElement($xeCascader),
-                                                showCloseButton && multiple
+                                                showCloseButton
                                                     ? h('div', {
                                                         class: 'vxe-cascader--oper-btns'
                                                     }, [
@@ -11480,9 +11533,6 @@ var VxeCascaderComponent = defineVxeComponent({
         });
         loadData(props.options || []);
         onMounted(() => {
-            if (props.filterable) {
-                errLog$f('vxe.error.notProp', ['filterable']);
-            }
             globalEvents.on($xeCascader, 'mousewheel', handleGlobalMousewheelEvent);
             globalEvents.on($xeCascader, 'mousedown', handleGlobalMousedownEvent);
             globalEvents.on($xeCascader, 'blur', handleGlobalBlurEvent);
@@ -11493,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;
@@ -11826,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
     };
@@ -11868,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) {
@@ -12028,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;
@@ -12162,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: {
@@ -12171,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,
@@ -12188,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
         };
@@ -12214,6 +12277,7 @@ var VxeCollapseComponent = defineVxeComponent({
             props,
             context,
             reactData,
+            internalData,
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
@@ -12244,6 +12308,7 @@ var VxeCollapseComponent = defineVxeComponent({
                     if (name) {
                         const isActive = activeNames.includes(name);
                         nameMaps[`${name}`] = {
+                            height: 0,
                             loading: false
                         };
                         if (isActive) {
@@ -12279,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) {
@@ -12290,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);
@@ -12338,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)
@@ -12353,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;
@@ -12363,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', {
@@ -12397,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;
@@ -41291,7 +41401,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
                                             h('div', {
                                                 class: 'vxe-tree-select--header-button'
                                             }, [
-                                                showCheckedButton && showClearButton
+                                                (showCheckedButton && multiple) || showClearButton
                                                     ? h('div', {
                                                         class: 'vxe-tree-select--selected-btns'
                                                     }, [
@@ -41311,24 +41421,20 @@ var VxeTreeSelectComponent = defineVxeComponent({
                                                             : renderEmptyElement($xeTreeSelect)
                                                     ])
                                                     : renderEmptyElement($xeTreeSelect),
-                                                showExpandButton && showExpandButton
+                                                showExpandButton
                                                     ? h('div', {
                                                         class: 'vxe-tree-select--expand-btns'
                                                     }, [
-                                                        showExpandButton
-                                                            ? h(VxeButton, {
-                                                                content: getI18n$2('vxe.treeSelect.allExpand'),
-                                                                mode: 'text',
-                                                                onClick: allExpandPanelEvent
-                                                            })
-                                                            : renderEmptyElement($xeTreeSelect),
-                                                        showExpandButton
-                                                            ? h(VxeButton, {
-                                                                content: getI18n$2('vxe.treeSelect.clearExpand'),
-                                                                mode: 'text',
-                                                                onClick: clearExpandPanelEvent
-                                                            })
-                                                            : renderEmptyElement($xeTreeSelect)
+                                                        h(VxeButton, {
+                                                            content: getI18n$2('vxe.treeSelect.allExpand'),
+                                                            mode: 'text',
+                                                            onClick: allExpandPanelEvent
+                                                        }),
+                                                        h(VxeButton, {
+                                                            content: getI18n$2('vxe.treeSelect.clearExpand'),
+                                                            mode: 'text',
+                                                            onClick: clearExpandPanelEvent
+                                                        })
                                                     ])
                                                     : renderEmptyElement($xeTreeSelect)
                                             ])
@@ -41391,7 +41497,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
                                         }, treeScopedSlots)
                                     ])
                                 ]),
-                                footerSlot || showTotalButton || (showCloseButton && multiple)
+                                footerSlot || showTotalButton || showCloseButton
                                     ? h('div', {
                                         class: 'vxe-tree-select--panel-footer'
                                     }, footerSlot
@@ -41405,7 +41511,7 @@ var VxeTreeSelectComponent = defineVxeComponent({
                                                         class: 'vxe-tree-select--total-btns'
                                                     }, getI18n$2('vxe.treeSelect.total', [selectVals.length]))
                                                     : renderEmptyElement($xeTreeSelect),
-                                                showCloseButton && multiple
+                                                showCloseButton
                                                     ? h('div', {
                                                         class: 'vxe-tree-select--oper-btns'
                                                     }, [