vxe-pc-ui 4.16.6 → 4.16.8

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.16.6"}`;
+const uiVersion = `ui v${"4.16.8"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -95,7 +95,7 @@ function createComponentLog(name) {
 const warnLog$h = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.16.6";
+const version = "4.16.8";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -591,8 +591,8 @@ setIcon({
     BUTTON_LOADING: iconPrefix + 'spinner roll',
     BUTTON_TOOLTIP_ICON: iconPrefix + 'question-circle-fill',
     // menu
-    MENU_ITEM_EXPAND_OPEN: iconPrefix + 'arrow-down rotate180',
-    MENU_ITEM_EXPAND_CLOSE: iconPrefix + 'arrow-down',
+    MENU_ITEM_EXPAND_OPEN: iconPrefix + 'arrow-right rotate90',
+    MENU_ITEM_EXPAND_CLOSE: iconPrefix + 'arrow-right',
     // select
     SELECT_LOADED: iconPrefix + 'spinner roll',
     SELECT_OPEN: iconPrefix + 'caret-down rotate180',
@@ -2548,7 +2548,7 @@ function deModelValue(nodeid) {
     return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid;
 }
 
-function createReactData$l() {
+function createReactData$m() {
     return {
         target: null,
         isUpdate: false,
@@ -2565,7 +2565,7 @@ function createReactData$l() {
         }
     };
 }
-function createInternalData$k() {
+function createInternalData$l() {
     return {
     // showDelayTip: undefined
     };
@@ -2658,8 +2658,8 @@ var VxeTooltipComponent = defineVxeComponent({
         const { slots, emit } = context;
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$l());
-        const internalData = createInternalData$k();
+        const reactData = reactive(createReactData$m());
+        const internalData = createInternalData$l();
         const refElem = ref();
         const contentWrapperfElem = ref();
         const computeWrapperStyle = computed(() => {
@@ -3103,8 +3103,8 @@ var VxeTooltipComponent = defineVxeComponent({
             }
         });
         onUnmounted(() => {
-            XEUtils.assign(reactData, createReactData$l());
-            XEUtils.assign(internalData, createInternalData$k());
+            XEUtils.assign(reactData, createReactData$m());
+            XEUtils.assign(internalData, createInternalData$l());
         });
         $xeTooltip.renderVN = renderVN;
         return $xeTooltip;
@@ -3870,12 +3870,12 @@ VxeUI.component(VxeButtonComponent);
 const Button = VxeButton;
 
 const { errLog: errLog$i } = createComponentLog('backtop');
-function createInternalData$j() {
+function createInternalData$k() {
     return {
         targetEl: null
     };
 }
-function createReactData$k() {
+function createReactData$l() {
     return {
         showBtn: false,
         backtopZindex: 0
@@ -3954,8 +3954,8 @@ var VxeBacktopComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$j();
-        const reactData = reactive(createReactData$k());
+        const internalData = createInternalData$k();
+        const reactData = reactive(createReactData$l());
         const refMaps = {
             refElem
         };
@@ -4132,8 +4132,8 @@ var VxeBacktopComponent = defineVxeComponent({
         });
         onBeforeUnmount(() => {
             removeScrollEvent();
-            XEUtils.assign(reactData, createReactData$k());
-            XEUtils.assign(internalData, createInternalData$j());
+            XEUtils.assign(reactData, createReactData$l());
+            XEUtils.assign(internalData, createInternalData$k());
         });
         $xeBacktop.renderVN = renderVN;
         return $xeBacktop;
@@ -6892,7 +6892,7 @@ function getRowIdByField(row, keyField) {
     const rowKey = getRowKeyByField(row, keyField);
     return enModelValue(rowKey);
 }
-function createReactData$j() {
+function createReactData$k() {
     return {
         scrollYLoad: false,
         bodyHeight: 0,
@@ -6915,7 +6915,7 @@ function createReactData$j() {
         isCrossDragRow: false
     };
 }
-function createInternalData$i() {
+function createInternalData$j() {
     return {
         resizeObserver: undefined,
         fullData: [],
@@ -7002,8 +7002,8 @@ var VxeListComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const browseObj = XEUtils.browse();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$j());
-        const internalData = createInternalData$i();
+        const reactData = reactive(createReactData$k());
+        const internalData = createInternalData$j();
         const crossListDragRowInfo = getCrossListDragRowInfo();
         const refElem = ref();
         const refHeaderElem = ref();
@@ -8960,8 +8960,8 @@ var VxeListComponent = defineVxeComponent({
                 resizeObserver.disconnect();
             }
             globalEvents.off($xeList, 'resize');
-            XEUtils.assign(reactData, createReactData$j());
-            XEUtils.assign(internalData, createInternalData$i());
+            XEUtils.assign(reactData, createReactData$k());
+            XEUtils.assign(internalData, createInternalData$j());
         });
         $xeList.renderVN = renderVN;
         return $xeList;
@@ -11692,7 +11692,7 @@ const Input = VxeInput;
 function getNodeUniqueId$1() {
     return XEUtils.uniqueId('node_');
 }
-function createReactData$i() {
+function createReactData$j() {
     return {
         initialized: false,
         searchValue: '',
@@ -11715,7 +11715,7 @@ function createReactData$i() {
         lazyOptFlag: 1
     };
 }
-function createInternalData$h() {
+function createInternalData$i() {
     return {
         // hpTimeout: undefined,
         listVirtualYOpts: {
@@ -11732,6 +11732,7 @@ function createInternalData$h() {
         selectCheckboxMaps: {},
         treeExpandedMaps: {},
         treeExpandLazyLoadedMaps: {}
+        // isUpdateMode: false
     };
 }
 var VxeCascaderComponent = defineVxeComponent({
@@ -11842,8 +11843,8 @@ var VxeCascaderComponent = defineVxeComponent({
         const refInpSearch = ref();
         const refChunkWrapper = ref();
         const refOptionPanel = ref();
-        const reactData = reactive(createReactData$i());
-        const internalData = createInternalData$h();
+        const reactData = reactive(createReactData$j());
+        const internalData = createInternalData$i();
         const refMaps = {
             refElem
         };
@@ -11994,6 +11995,20 @@ var VxeCascaderComponent = defineVxeComponent({
             const nodeKey = node[valueField];
             return enNodeValue(nodeKey);
         };
+        const isPathInTree = (treeData, pathIds) => {
+            if (!pathIds || !pathIds.length) {
+                return false;
+            }
+            let currentNodes = treeData;
+            for (const nodeid of pathIds) {
+                const found = currentNodes.find(node => getNodeId(node) === nodeid);
+                if (!found) {
+                    return false;
+                }
+                currentNodes = found.children || [];
+            }
+            return true;
+        };
         const isCheckedByCheckboxNodeId = (nodeid) => {
             const { updateCheckboxFlag } = reactData;
             const { selectCheckboxMaps } = internalData;
@@ -12187,7 +12202,7 @@ var VxeCascaderComponent = defineVxeComponent({
                 if (transform) {
                     treeList = XEUtils.searchTree(treeFullData, handleSearch, {
                         original: true,
-                        isEvery: true,
+                        isEvery: false,
                         children: childrenField,
                         mapChildren: mapChildrenField
                     });
@@ -12207,7 +12222,7 @@ var VxeCascaderComponent = defineVxeComponent({
                 if (transform) {
                     treeList = XEUtils.searchTree(treeFullData, () => true, {
                         original: true,
-                        isEvery: true,
+                        isEvery: false,
                         children: childrenField,
                         mapChildren: mapChildrenField
                     });
@@ -12300,17 +12315,26 @@ var VxeCascaderComponent = defineVxeComponent({
         }
         const triggerSearchEvent = XEUtils.debounce(() => {
             handleData(true);
-            updateModelChecked();
+            updateCheckboxStatus();
+            const { currentItems } = reactData;
+            const { afterTreeList } = internalData;
             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();
+            // 如果当前不在列表情况下，触发默认行为
+            if (!isPathInTree(afterTreeList, currentItems)) {
+                // 默认展开
+                if (autoExpandMode === 'first' || autoExpandMode === 'last') {
+                    const stItems = handleHasChildNodeIds(afterTreeList, autoExpandMode);
+                    const expandedMaps = {};
+                    stItems.forEach(nodeid => {
+                        expandedMaps[nodeid] = true;
+                    });
+                    internalData.treeExpandedMaps = expandedMaps;
+                    reactData.currentItems = stItems;
+                }
+                else {
+                    handleCurrentItems();
+                }
             }
             updateCurrentChunk();
         }, 350, { trailing: true });
@@ -12454,6 +12478,7 @@ var VxeCascaderComponent = defineVxeComponent({
         };
         const setCurrentNode = (node) => {
             reactData.currentNode = node;
+            updateCurrentChunk();
             return nextTick();
         };
         const setAllCheckboxNode = (checked) => {
@@ -12492,6 +12517,7 @@ var VxeCascaderComponent = defineVxeComponent({
         };
         const changeEvent = (evnt, selectValue, node) => {
             const value = XEUtils.isArray(selectValue) ? selectValue.map(deNodeValue) : deNodeValue(selectValue);
+            internalData.isUpdateMode = true;
             emitModel(value);
             if (value !== props.modelValue) {
                 dispatchEvent('change', { value, node, option: node }, evnt);
@@ -12602,9 +12628,10 @@ var VxeCascaderComponent = defineVxeComponent({
             reactData.currentNode = node;
             dispatchEvent('current-change', { node, checked: isChecked }, evnt);
         };
-        const changeRadioEvent = (evnt, node) => {
+        const changeRadioEvent = (evnt, node, chunks, chunkIndex) => {
             evnt.preventDefault();
             evnt.stopPropagation();
+            const { currentItems } = reactData;
             const { nodeMaps } = internalData;
             const radioOpts = computeRadioOpts.value;
             const childrenField = computeChildrenField.value;
@@ -12624,6 +12651,10 @@ var VxeCascaderComponent = defineVxeComponent({
             const value = nodeid;
             reactData.selectRadioKey = value;
             changeEvent(evnt, value, node);
+            if (!currentItems.includes(nodeid)) {
+                changeCurrentEvent(evnt, node);
+                toggleExpandEvent(evnt, node, chunks, chunkIndex);
+            }
             hideOptionPanel(evnt);
         };
         const handleAsyncTreeExpandChilds = (node) => {
@@ -12746,7 +12777,6 @@ var VxeCascaderComponent = defineVxeComponent({
                 handleBaseTreeExpand([node], expanded);
             }
             setCurrentNode(node);
-            updateCurrentChunk();
             dispatchEvent('node-expand', { node, expanded }, evnt);
         };
         const updateCheckboxStatus = () => {
@@ -12855,9 +12885,11 @@ var VxeCascaderComponent = defineVxeComponent({
                 reactData.updateCheckboxFlag++;
             }
         };
-        const changeCheckboxEvent = (evnt, node) => {
+        const changeCheckboxEvent = (evnt, node, chunks, chunkIndex) => {
             evnt.preventDefault();
             evnt.stopPropagation();
+            // const { filterable } = props
+            const { currentItems } = reactData;
             const { selectCheckboxMaps, nodeMaps } = internalData;
             const childrenField = computeChildrenField.value;
             const mapChildrenField = computeMapChildrenField.value;
@@ -12883,11 +12915,11 @@ var VxeCascaderComponent = defineVxeComponent({
                 selectCheckboxMaps[nodeid] = node;
             }
             if (!checkStrictly) {
-                XEUtils.eachTree(XEUtils.get(node, transform ? mapChildrenField : childrenField), (childNode) => {
+                XEUtils.eachTree(childList, (childNode) => {
                     const childNodeid = getNodeId(childNode);
                     if (isChecked) {
                         if (!selectCheckboxMaps[childNodeid]) {
-                            selectCheckboxMaps[childNodeid] = true;
+                            selectCheckboxMaps[childNodeid] = childNode;
                         }
                     }
                     else {
@@ -12897,11 +12929,16 @@ var VxeCascaderComponent = defineVxeComponent({
                     }
                 }, { children: transform ? mapChildrenField : childrenField });
             }
+            selectCheckboxMaps[nodeid] = node;
             reactData.updateCheckboxFlag++;
             updateCheckboxStatus();
             const nodeids = XEUtils.keys(selectCheckboxMaps);
             const value = nodeids;
             changeEvent(evnt, value, node);
+            if (!currentItems.includes(nodeid)) {
+                changeCurrentEvent(evnt, node);
+                toggleExpandEvent(evnt, node, chunks, chunkIndex);
+            }
         };
         const handleNodeClickEvent = (evnt, node, chunks, chunkIndex) => {
             const { multiple, showCheckbox, showRadio } = props;
@@ -12925,13 +12962,13 @@ var VxeCascaderComponent = defineVxeComponent({
             if (multiple) {
                 if (checkboxOpts.trigger === 'node' || (!showCheckbox && (!childList || !childList.length))) {
                     triggerCheckbox = true;
-                    changeCheckboxEvent(evnt, node);
+                    changeCheckboxEvent(evnt, node, chunks, chunkIndex);
                 }
             }
             else {
                 if (radioOpts.trigger === 'node' || (!showRadio && (!childList || !childList.length))) {
                     triggerRadio = true;
-                    changeRadioEvent(evnt, node);
+                    changeRadioEvent(evnt, node, chunks, chunkIndex);
                 }
             }
             dispatchEvent('node-click', { node, triggerCurrent, triggerRadio, triggerCheckbox, triggerExpand }, evnt);
@@ -13056,7 +13093,7 @@ var VxeCascaderComponent = defineVxeComponent({
             }
             return true;
         };
-        const renderRadio = (node, isExistChild, nLevel, isChecked) => {
+        const renderRadio = (node, isExistChild, nLevel, isChecked, chunks, chunkIndex) => {
             const { showRadio } = props;
             const radioOpts = computeRadioOpts.value;
             const { checkMode, checkMethod, visibleMode, visibleMethod } = radioOpts;
@@ -13070,7 +13107,7 @@ var VxeCascaderComponent = defineVxeComponent({
                         }],
                     onClick: (evnt) => {
                         if (!isDisabled) {
-                            changeRadioEvent(evnt, node);
+                            changeRadioEvent(evnt, node, chunks, chunkIndex);
                         }
                     }
                 }, [
@@ -13081,7 +13118,7 @@ var VxeCascaderComponent = defineVxeComponent({
             }
             return renderEmptyElement($xeCascader);
         };
-        const renderCheckbox = (node, isExistChild, nLevel, isChecked, isIndeterminate) => {
+        const renderCheckbox = (node, isExistChild, nLevel, isChecked, isIndeterminate, chunks, chunkIndex) => {
             const { showCheckbox } = props;
             const checkboxOpts = computeCheckboxOpts.value;
             const { checkMode, checkMethod, visibleMode, visibleMethod } = checkboxOpts;
@@ -13096,7 +13133,7 @@ var VxeCascaderComponent = defineVxeComponent({
                         }],
                     onClick: (evnt) => {
                         if (!isDisabled) {
-                            changeCheckboxEvent(evnt, node);
+                            changeCheckboxEvent(evnt, node, chunks, chunkIndex);
                         }
                     }
                 }, [
@@ -13164,7 +13201,7 @@ var VxeCascaderComponent = defineVxeComponent({
                     handleNodeClickEvent(evnt, node, chunks, chunkIndex);
                 }
             }, [
-                multiple ? renderCheckbox(node, isExistChild, nLevel, isCheckboxChecked, isIndeterminate) : renderRadio(node, isExistChild, nLevel, isRadioChecked),
+                multiple ? renderCheckbox(node, isExistChild, nLevel, isCheckboxChecked, isIndeterminate, chunks, chunkIndex) : renderRadio(node, isExistChild, nLevel, isRadioChecked, chunks, chunkIndex),
                 h('div', {
                     class: 'vxe-cascader-chunk--node-item-inner'
                 }, [
@@ -13385,9 +13422,12 @@ var VxeCascaderComponent = defineVxeComponent({
             ]);
         };
         watch(() => props.modelValue, () => {
-            updateModelChecked();
-            handleCurrentItems();
-            updateCurrentChunk();
+            if (!internalData.isUpdateMode) {
+                updateModelChecked();
+                handleCurrentItems();
+                updateCurrentChunk();
+            }
+            internalData.isUpdateMode = false;
         });
         watch(() => props.options, () => {
             cacheNodeMap();
@@ -13414,8 +13454,8 @@ var VxeCascaderComponent = defineVxeComponent({
             globalEvents.off($xeCascader, 'mousedown');
             globalEvents.off($xeCascader, 'blur');
             globalEvents.off($xeCascader, 'resize');
-            XEUtils.assign(reactData, createReactData$i());
-            XEUtils.assign(internalData, createInternalData$h());
+            XEUtils.assign(reactData, createReactData$j());
+            XEUtils.assign(internalData, createInternalData$i());
         });
         provide('$xeCascader', $xeCascader);
         $xeCascader.renderVN = renderVN;
@@ -13819,10 +13859,10 @@ dynamicApp.use(VxeCheckboxButton);
 VxeUI.component(VxeCheckboxButtonComponent);
 const CheckboxButton = VxeCheckboxButton;
 
-function createReactData$h() {
+function createReactData$i() {
     return {};
 }
-function createInternalData$g() {
+function createInternalData$h() {
     return {
     // isLoaded: false
     };
@@ -13865,8 +13905,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
-        const reactData = reactive(createReactData$h());
-        const internalData = createInternalData$g();
+        const reactData = reactive(createReactData$i());
+        const internalData = createInternalData$h();
         const computeIsReadonly = computed(() => {
             const { readonly } = props;
             if (readonly === null) {
@@ -14038,8 +14078,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
             });
         });
         onUnmounted(() => {
-            XEUtils.assign(reactData, createReactData$h());
-            XEUtils.assign(internalData, createInternalData$g());
+            XEUtils.assign(reactData, createReactData$i());
+            XEUtils.assign(internalData, createInternalData$h());
         });
         provide('$xeCheckboxGroup', $xeCheckboxGroup);
         $xeCheckboxGroup.renderVN = renderVN;
@@ -14172,7 +14212,7 @@ dynamicApp.use(VxeCol);
 VxeUI.component(VxeColComponent);
 const Col = VxeCol;
 
-function createReactData$g() {
+function createReactData$h() {
     return {
         staticPanes: [],
         cachePaneMaps: {},
@@ -14180,7 +14220,7 @@ function createReactData$g() {
         openKeyFlag: 0
     };
 }
-function createInternalData$f() {
+function createInternalData$g() {
     return {
         // esTime: null,
         activeKeyMaps: {},
@@ -14217,8 +14257,8 @@ var VxeCollapseComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
         const refElem = ref();
-        const reactData = reactive(createReactData$g());
-        const internalData = createInternalData$f();
+        const reactData = reactive(createReactData$h());
+        const internalData = createInternalData$g();
         const refMaps = {
             refElem
         };
@@ -14497,8 +14537,8 @@ var VxeCollapseComponent = defineVxeComponent({
             if (esTime) {
                 clearTimeout(esTime);
             }
-            XEUtils.assign(reactData, createReactData$g());
-            XEUtils.assign(internalData, createInternalData$f());
+            XEUtils.assign(reactData, createReactData$h());
+            XEUtils.assign(internalData, createInternalData$g());
         });
         provide('$xeCollapse', $xeCollapse);
         $xeCollapse.renderVN = renderVN;
@@ -16884,12 +16924,12 @@ dynamicApp.use(VxeColorPicker);
 VxeUI.component(VxeColorPickerComponent);
 const ColorPicker = VxeColorPicker;
 
-function createInternalData$e() {
+function createInternalData$f() {
     return {
     // leaveTime: null
     };
 }
-function createReactData$f() {
+function createReactData$g() {
     return {
         visible: false,
         activeOption: null,
@@ -16944,8 +16984,8 @@ var VxeContextMenuComponent = 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
         };
@@ -17500,8 +17540,8 @@ var VxeContextMenuComponent = defineVxeComponent({
             globalEvents.off($xeContextMenu, 'keydown');
             globalEvents.off($xeContextMenu, 'mousedown');
             globalEvents.off($xeContextMenu, 'blur');
-            XEUtils.assign(reactData, createReactData$f());
-            XEUtils.assign(internalData, createInternalData$e());
+            XEUtils.assign(reactData, createReactData$g());
+            XEUtils.assign(internalData, createInternalData$f());
         });
         $xeContextMenu.renderVN = renderVN;
         return $xeContextMenu;
@@ -19819,7 +19859,7 @@ const parseInputKayMaps = {};
 inputMaskedKeys.forEach(key => {
     parseInputKayMaps[key] = true;
 });
-function createReactData$e() {
+function createReactData$f() {
     return {
         initialized: false,
         panelIndex: 0,
@@ -19832,7 +19872,7 @@ function createReactData$e() {
         labelFlag: 0
     };
 }
-function createInternalData$d() {
+function createInternalData$e() {
     return {
         // hpTimeout: undefined,
         // fsTimeout: undefined,
@@ -19972,8 +20012,8 @@ var VxeDatePickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         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 refInputTarget = ref();
         const refInputPanel = ref();
@@ -21408,8 +21448,8 @@ var VxeDatePickerComponent = defineVxeComponent({
             globalEvents.off($xeDatePicker, 'keydown');
             globalEvents.off($xeDatePicker, 'blur');
             globalEvents.off($xeDatePicker, 'resize');
-            XEUtils.assign(reactData, createReactData$e());
-            XEUtils.assign(internalData, createInternalData$d());
+            XEUtils.assign(reactData, createReactData$f());
+            XEUtils.assign(internalData, createInternalData$e());
         });
         provide('$xeDatePicker', $xeDatePicker);
         $xeDatePicker.renderVN = renderVN;
@@ -21430,7 +21470,7 @@ VxeUI.component(VxeDatePickerComponent);
 const DatePicker = VxeDatePicker;
 
 const { errLog: errLog$d } = createComponentLog('date-range-picker');
-function createReactData$d() {
+function createReactData$e() {
     return {
         initialized: false,
         panelIndex: 0,
@@ -21445,7 +21485,7 @@ function createReactData$d() {
         paneEndVal: []
     };
 }
-function createInternalData$c() {
+function createInternalData$d() {
     return {
     // selectStatus: false
     // hpTimeout: undefined
@@ -21587,8 +21627,8 @@ var VxeDateRangePickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$d());
-        const internalData = createInternalData$c();
+        const reactData = reactive(createReactData$e());
+        const internalData = createInternalData$d();
         const refElem = ref();
         const refInputTarget = ref();
         const refInputPanel = ref();
@@ -22055,18 +22095,26 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             hidePanel();
         };
         const startPanelChangeEvent = (params) => {
+            const { paneStartVal } = reactData;
             const { selectStatus } = internalData;
             const { value, currValue, $event } = params;
             const paneVals = value ? (XEUtils.isString(value) ? value.split(',') : [value]) : [];
             let startValue = '';
             let endValue = '';
             if (selectStatus) {
-                startValue = paneVals[0];
-                if (paneVals[1]) {
-                    endValue = paneVals[1];
+                // 如果选择同一天
+                if (!value && currValue === paneStartVal[0]) {
+                    startValue = currValue;
+                    endValue = currValue;
                 }
                 else {
-                    endValue = reactData.selectEdValue;
+                    startValue = paneVals[0];
+                    if (paneVals[1]) {
+                        endValue = paneVals[1];
+                    }
+                    else {
+                        endValue = reactData.selectEdValue;
+                    }
                 }
             }
             else {
@@ -22089,19 +22137,27 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             });
         };
         const endPanelChangeEvent = (params) => {
+            const { paneEndVal } = reactData;
             const { selectStatus } = internalData;
             const { value, currValue, $event } = params;
             const paneVals = value ? (XEUtils.isString(value) ? value.split(',') : [value]) : [];
             let startValue = '';
             let endValue = '';
             if (selectStatus) {
-                endValue = paneVals[0];
-                if (paneVals[1]) {
-                    startValue = paneVals[0];
-                    endValue = paneVals[1];
+                // 如果选择同一天
+                if (!value && currValue === paneEndVal[1]) {
+                    startValue = currValue;
+                    endValue = currValue;
                 }
                 else {
-                    startValue = reactData.selectStValue;
+                    endValue = paneVals[0];
+                    if (paneVals[1]) {
+                        startValue = paneVals[0];
+                        endValue = paneVals[1];
+                    }
+                    else {
+                        startValue = reactData.selectStValue;
+                    }
                 }
             }
             else {
@@ -22897,8 +22953,8 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             globalEvents.off($xeDateRangePicker, 'mousedown');
             globalEvents.off($xeDateRangePicker, 'blur');
             globalEvents.off($xeDateRangePicker, 'resize');
-            XEUtils.assign(reactData, createReactData$d());
-            XEUtils.assign(internalData, createInternalData$c());
+            XEUtils.assign(reactData, createReactData$e());
+            XEUtils.assign(internalData, createInternalData$d());
         });
         provide('$xeDateRangePicker', $xeDateRangePicker);
         $xeDateRangePicker.renderVN = renderVN;
@@ -25092,7 +25148,7 @@ function checkRuleStatus(rule, data, val) {
     }
     return true;
 }
-function createReactData$c() {
+function createReactData$d() {
     return {
         collapseAll: false,
         staticItems: [],
@@ -25100,7 +25156,7 @@ function createReactData$c() {
         itemWidth: 0
     };
 }
-function createInternalData$b() {
+function createInternalData$c() {
     return {
         meTimeout: undefined,
         stTimeout: undefined,
@@ -25209,8 +25265,8 @@ var VxeFormComponent = defineVxeComponent({
         const $xeGrid = inject('$xeGrid', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$c());
-        const internalData = createInternalData$b();
+        const reactData = reactive(createReactData$d());
+        const internalData = createInternalData$c();
         const refElem = ref();
         const refTooltip = ref();
         let formMethods = {};
@@ -25904,8 +25960,8 @@ var VxeFormComponent = defineVxeComponent({
         });
         onUnmounted(() => {
             globalEvents.off($xeForm, 'resize');
-            XEUtils.assign(reactData, createReactData$c());
-            XEUtils.assign(internalData, createInternalData$b());
+            XEUtils.assign(reactData, createReactData$d());
+            XEUtils.assign(internalData, createInternalData$c());
         });
         reactData.collapseAll = !!props.collapseStatus;
         if (props.items) {
@@ -26032,7 +26088,7 @@ dynamicApp.use(VxeFormItem);
 VxeUI.component(VxeFormItemComponent);
 const FormItem = VxeFormItem;
 
-function createReactData$b() {
+function createReactData$c() {
     return {
         initialized: false,
         selectIcon: '',
@@ -26046,7 +26102,7 @@ function createReactData$b() {
         iconList: []
     };
 }
-function createInternalData$a() {
+function createInternalData$b() {
     return {
         fullList: []
         // hpTimeout: undefined
@@ -26108,8 +26164,8 @@ var VxeIconPickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$b());
-        const internalData = createInternalData$a();
+        const reactData = reactive(createReactData$c());
+        const internalData = createInternalData$b();
         const refElem = ref();
         const refInput = ref();
         const refOptionPanel = ref();
@@ -26708,8 +26764,8 @@ var VxeIconPickerComponent = defineVxeComponent({
             globalEvents.off($xeIconPicker, 'mousedown');
             globalEvents.off($xeIconPicker, 'keydown');
             globalEvents.off($xeIconPicker, 'blur');
-            XEUtils.assign(reactData, createReactData$b());
-            XEUtils.assign(internalData, createInternalData$a());
+            XEUtils.assign(reactData, createReactData$c());
+            XEUtils.assign(internalData, createInternalData$b());
         });
         provide('$xeIconPicker', $xeIconPicker);
         $xeIconPicker.renderVN = renderVN;
@@ -27412,13 +27468,13 @@ const openPreviewImage = (options) => {
     return Promise.resolve();
 };
 
-function createInternalData$9() {
+function createInternalData$a() {
     return {
     // dgTime: 0,
     // mdTime: 0
     };
 }
-function createReactData$a() {
+function createReactData$b() {
     return {};
 }
 var VxeImageComponent = defineVxeComponent({
@@ -27477,8 +27533,8 @@ var VxeImageComponent = defineVxeComponent({
         const $xeImageGroup = inject('$xeImageGroup', null);
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$9();
-        const reactData = reactive(createReactData$a());
+        const internalData = createInternalData$a();
+        const reactData = reactive(createReactData$b());
         const refMaps = {
             refElem
         };
@@ -27664,8 +27720,8 @@ var VxeImageComponent = defineVxeComponent({
             ]);
         };
         onBeforeUnmount(() => {
-            XEUtils.assign(reactData, createReactData$a());
-            XEUtils.assign(internalData, createInternalData$9());
+            XEUtils.assign(reactData, createReactData$b());
+            XEUtils.assign(internalData, createInternalData$a());
         });
         $xeImage.renderVN = renderVN;
         return $xeImage;
@@ -27945,10 +28001,10 @@ dynamicApp.use(VxeLayoutAside);
 VxeUI.component(VxeLayoutAsideComponent);
 const LayoutAside = VxeLayoutAside;
 
-function createInternalData$8() {
+function createInternalData$9() {
     return {};
 }
-function createReactData$9() {
+function createReactData$a() {
     return {};
 }
 var VxeLayoutBodyComponent = defineVxeComponent({
@@ -27973,8 +28029,8 @@ var VxeLayoutBodyComponent = defineVxeComponent({
         const backtopId = `vxe_layout_body_backtop_${xID}`;
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$8();
-        const reactData = reactive(createReactData$9());
+        const internalData = createInternalData$9();
+        const reactData = reactive(createReactData$a());
         const refMaps = {
             refElem
         };
@@ -28391,6 +28447,23 @@ const Link = VxeLink;
 
 const { errLog: errLog$9 } = createComponentLog('menu');
 const { menus: menus$1, getConfig: getConfig$1, getIcon: getIcon$1 } = VxeUI;
+function createInternalData$8() {
+    return {
+        menuEffectMaps: {}
+    };
+}
+function createReactData$9() {
+    return {
+        initialized: false,
+        isEnterCollapse: false,
+        collapseStyle: {},
+        collapseZindex: 0,
+        activeName: '',
+        menuList: [],
+        itemHeight: 1
+    };
+}
+let nemuUniqueKey = 100000000;
 var VxeMenuComponent = defineVxeComponent({
     name: 'VxeMenu',
     props: {
@@ -28429,15 +28502,8 @@ var VxeMenuComponent = defineVxeComponent({
         const refElem = ref();
         const refCollapseElem = ref();
         const { computeSize } = useSize(props);
-        const reactData = reactive({
-            initialized: !!props.collapsed,
-            isEnterCollapse: false,
-            collapseStyle: {},
-            collapseZindex: 0,
-            activeName: props.modelValue,
-            menuList: [],
-            itemHeight: 1
-        });
+        const reactData = reactive(createReactData$9());
+        const internalData = createInternalData$8();
         const refMaps = {
             refElem
         };
@@ -28508,7 +28574,7 @@ var VxeMenuComponent = defineVxeComponent({
         const updateMenuConfig = () => {
             const { options, expandAll } = props;
             reactData.menuList = XEUtils.mapTree(options, (item, index, items, path, parent) => {
-                const objItem = Object.assign(Object.assign({}, item), { parentKey: parent ? (parent.name || path.slice(0, path.length - 1).join(',')) : '', level: path.length, itemKey: item.name || path.join(','), isExactActive: false, isActive: false, isExpand: XEUtils.isBoolean(item.expanded) ? item.expanded : !!expandAll, hasChild: item.children && item.children.length > 0 });
+                const objItem = Object.assign(Object.assign({}, item), { parentKey: parent ? (parent.name || path.slice(0, path.length - 1).join(',')) : '', level: path.length, itemId: ++nemuUniqueKey, itemKey: item.name || path.join(','), isExactActive: false, isActive: false, isExpand: XEUtils.isBoolean(item.expanded) ? item.expanded : !!expandAll, hasChild: item.children && item.children.length > 0 });
                 return objItem;
             }, { children: 'children', mapChildren: 'childList' });
         };
@@ -28560,10 +28626,16 @@ var VxeMenuComponent = defineVxeComponent({
         };
         const handleClickIconCollapse = (evnt, item, itemList) => {
             const { accordion } = props;
-            const { hasChild, isExpand } = item;
+            const { menuEffectMaps } = internalData;
+            const { itemId, hasChild, isExpand } = item;
+            const isCollapsed = computeIsCollapsed.value;
+            const expanded = !isExpand;
             if (hasChild) {
                 evnt.stopPropagation();
                 evnt.preventDefault();
+                if (menuEffectMaps[itemId]) {
+                    clearTimeout(menuEffectMaps[itemId]);
+                }
                 if (accordion) {
                     itemList.forEach(obj => {
                         if (obj !== item) {
@@ -28571,7 +28643,33 @@ var VxeMenuComponent = defineVxeComponent({
                         }
                     });
                 }
-                item.isExpand = !isExpand;
+                item.isExpand = expanded;
+                const wrapperEl = isCollapsed ? refCollapseElem.value : refElem.value;
+                if (wrapperEl) {
+                    const nemuEl = wrapperEl.querySelector(`.vxe-menu--item-wrapper[data-menu-id="${itemId}"]`);
+                    const groupEl = nemuEl ? nemuEl.querySelector('.vxe-menu--item-group') : null;
+                    if (groupEl) {
+                        if (expanded) {
+                            groupEl.style.height = '0';
+                            groupEl.setAttribute('data-effect', 'y');
+                            requestAnimationFrame(() => {
+                                groupEl.style.height = `${groupEl.scrollHeight}px`;
+                            });
+                        }
+                        else {
+                            groupEl.style.height = `${groupEl.scrollHeight}px`;
+                            groupEl.setAttribute('data-effect', 'y');
+                            requestAnimationFrame(() => {
+                                groupEl.style.height = '0';
+                            });
+                        }
+                        menuEffectMaps[itemId] = setTimeout(() => {
+                            delete menuEffectMaps[itemId];
+                            groupEl.removeAttribute('data-effect');
+                            groupEl.style.height = '';
+                        }, 350);
+                    }
+                }
             }
         };
         const emitModel = (value) => {
@@ -28717,7 +28815,7 @@ var VxeMenuComponent = defineVxeComponent({
             ];
         };
         const renderDefaultChildren = (item, itemList) => {
-            const { itemKey, level, hasChild, isActive, isExactActive, isExpand, routerLink, childList } = item;
+            const { itemId, itemKey, level, hasChild, isActive, isExactActive, isExpand, routerLink, childList } = item;
             const { isEnterCollapse } = reactData;
             const isCollapsed = computeIsCollapsed.value;
             if (item.permissionCode) {
@@ -28731,7 +28829,8 @@ var VxeMenuComponent = defineVxeComponent({
                         'is--exact-active': isExactActive,
                         'is--active': isActive,
                         'is--expand': (!isCollapsed || isEnterCollapse) && isExpand
-                    }]
+                    }],
+                'data-menu-id': itemId
             }, [
                 routerLink
                     ? h(resolveComponent('router-link'), {
@@ -28763,7 +28862,7 @@ var VxeMenuComponent = defineVxeComponent({
             ]);
         };
         const renderCollapseChildren = (item, itemList) => {
-            const { itemKey, level, hasChild, isActive, isExactActive, routerLink, childList } = item;
+            const { itemId, itemKey, level, hasChild, isActive, isExactActive, routerLink, childList } = item;
             if (item.permissionCode) {
                 if (!permission.checkVisible(item.permissionCode)) {
                     return renderEmptyElement($xeMenu);
@@ -28774,7 +28873,8 @@ var VxeMenuComponent = defineVxeComponent({
                 class: ['vxe-menu--item-wrapper', `vxe-menu--item-level${level}`, {
                         'is--exact-active': isExactActive,
                         'is--active': isActive
-                    }]
+                    }],
+                'data-menu-id': itemId
             }, [
                 routerLink
                     ? h(resolveComponent('router-link'), {
@@ -28882,7 +28982,6 @@ var VxeMenuComponent = defineVxeComponent({
             updateCollapseStyle();
         });
         onBeforeUnmount(() => {
-            globalEvents.off($xeMenu, 'resize');
             const collapseEl = refCollapseElem.value;
             if (collapseEl) {
                 const parentNode = collapseEl.parentNode;
@@ -28890,7 +28989,12 @@ var VxeMenuComponent = defineVxeComponent({
                     parentNode.removeChild(collapseEl);
                 }
             }
+            globalEvents.off($xeMenu, 'resize');
+            XEUtils.assign(reactData, createReactData$9());
+            XEUtils.assign(internalData, createInternalData$8());
         });
+        reactData.initialized = !!props.collapsed;
+        reactData.activeName = props.modelValue;
         updateMenuConfig();
         updateActiveMenu();
         $xeMenu.renderVN = renderVN;