vxe-pc-ui 4.15.4 → 4.15.6

package/es/cascader/src/cascader.js

@@ -78,11 +78,11 @@ export default defineVxeComponent({
         filterConfig: Object,
         showFullLabel: {
             type: Boolean,
-            default: getConfig().cascader.showFullLabel
+            default: () => getConfig().cascader.showFullLabel
         },
         separator: {
             type: String,
-            default: getConfig().cascader.separator
+            default: () => getConfig().cascader.separator
         },
         multiple: Boolean,
         className: [String, Function],

package/es/collapse/src/collapse.js

@@ -1,8 +1,22 @@
-import { ref, h, reactive, provide, computed, watch } from 'vue';
+import { ref, h, reactive, provide, computed, watch, nextTick, onUnmounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import { getConfig, getIcon, createEvent, permission, renderEmptyElement, useSize } from '../../ui';
+import { toCssUnit } from '../../ui/src/dom';
 import { getSlotVNs } from '../../ui/src/vn';
 import XEUtils from 'xe-utils';
+function createReactData() {
+    return {
+        staticPanes: [],
+        activeNames: [],
+        initNames: [],
+        cachePaneMaps: {}
+    };
+}
+function createInternalData() {
+    return {
+    // esTime: null
+    };
+}
 export default defineVxeComponent({
     name: 'VxeCollapse',
     props: {
@@ -12,6 +26,10 @@ export default defineVxeComponent({
             type: Boolean,
             default: () => getConfig().collapse.padding
         },
+        border: {
+            type: Boolean,
+            default: () => getConfig().collapse.border
+        },
         expandConfig: Object,
         size: {
             type: String,
@@ -29,12 +47,8 @@ export default defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
         const refElem = ref();
-        const reactData = reactive({
-            staticPanes: [],
-            activeNames: [],
-            initNames: [],
-            cachePaneMaps: {}
-        });
+        const reactData = reactive(createReactData());
+        const internalData = createInternalData();
         const refMaps = {
             refElem
         };
@@ -55,6 +69,7 @@ export default defineVxeComponent({
             props,
             context,
             reactData,
+            internalData,
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
@@ -85,6 +100,7 @@ export default defineVxeComponent({
                     if (name) {
                         const isActive = activeNames.includes(name);
                         nameMaps[`${name}`] = {
+                            height: 0,
                             loading: false
                         };
                         if (isActive) {
@@ -120,8 +136,14 @@ export default 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) {
@@ -131,6 +153,35 @@ export default 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);
@@ -179,7 +230,8 @@ export default defineVxeComponent({
                     ]),
                     h('div', {
                         class: ['vxe-collapse--item-content', {
-                                'is--visible': isActive
+                                'is--visible': isActive,
+                                'is--hidden': !isActive
                             }]
                     }, [
                         name && initNames.includes(name)
@@ -194,7 +246,7 @@ export default defineVxeComponent({
             });
         };
         const renderVN = () => {
-            const { padding } = props;
+            const { padding, border } = props;
             const vSize = computeSize.value;
             const itemOptions = computeItemOptions.value;
             const itemStaticOptions = computeItemStaticOptions.value;
@@ -204,7 +256,8 @@ export default defineVxeComponent({
                 ref: refElem,
                 class: ['vxe-collapse', {
                         [`size--${vSize}`]: vSize,
-                        'is--padding': padding
+                        'is--padding': padding,
+                        'is--border': border
                     }]
             }, [
                 h('div', {
@@ -238,6 +291,14 @@ export default 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());
+            XEUtils.assign(internalData, createInternalData());
+        });
         provide('$xeCollapse', $xeCollapse);
         $xeCollapse.renderVN = renderVN;
         return $xeCollapse;

package/es/collapse/style.css

@@ -1,29 +1,45 @@
 .vxe-collapse {
-  font-size: var(--vxe-ui-font-size-default);
+  font-size: var(--vxe-ui-collapse-font-size);
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
 }
+.vxe-collapse.is--padding .vxe-collapse--item-header {
+  padding: 0 var(--vxe-ui-collapse-scope-padding);
+}
 .vxe-collapse.is--padding .vxe-collapse--item-inner {
-  padding: var(--vxe-ui-layout-padding-default);
+  padding: var(--vxe-ui-collapse-scope-padding);
+}
+.vxe-collapse.is--border > .vxe-collapse-item {
+  border-top: 1px solid var(--vxe-ui-collapse-border-color);
+}
+.vxe-collapse.is--border > .vxe-collapse-item:last-child {
+  border-bottom: 1px solid var(--vxe-ui-collapse-border-color);
+}
+.vxe-collapse.is--border > .vxe-collapse-item > .vxe-collapse--item-content > .vxe-collapse--item-inner {
+  border-top: 1px solid var(--vxe-ui-collapse-border-color);
 }
 
 .vxe-collapse-slots {
   display: none;
 }
 
-.vxe-collapse--item-content.is--visible .vxe-collapse--item-inner {
-  display: block;
+.vxe-collapse--item-content {
+  overflow: hidden;
+  transition: height 0.2s ease-in-out;
+}
+.vxe-collapse--item-content.is--hidden {
+  height: 0;
 }
 
 .vxe-collapse--item-inner {
-  display: none;
+  position: relative;
 }
 
 .vxe-collapse--item-header {
   display: flex;
   flex-direction: row;
   align-items: center;
-  height: 1.8em;
+  min-height: var(--vxe-ui-collapse-scope-min-height);
   cursor: pointer;
 }
 
@@ -44,12 +60,23 @@
   transition: transform 0.2s ease-in-out;
 }
 
+.vxe-collapse {
+  --vxe-ui-collapse-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-collapse-scope-min-height: var(--vxe-ui-collapse-min-height-default);
+  --vxe-ui-collapse-scope-padding: var(--vxe-ui-layout-padding-double);
+}
 .vxe-collapse.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-collapse-font-size:var(--vxe-ui-font-size-medium);
+  --vxe-ui-collapse-scope-min-height: var(--vxe-ui-collapse-min-height-medium);
+  --vxe-ui-collapse-scope-padding: calc(var(--vxe-ui-layout-padding-double) - 4px);
 }
 .vxe-collapse.size--small {
-  font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-collapse-font-size:var(--vxe-ui-font-size-small);
+  --vxe-ui-collapse-scope-min-height: var(--vxe-ui-collapse-min-height-small);
+  --vxe-ui-collapse-scope-padding: calc(var(--vxe-ui-layout-padding-double) - 6px);
 }
 .vxe-collapse.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-collapse-font-size:var(--vxe-ui-font-size-mini);
+  --vxe-ui-collapse-scope-min-height: var(--vxe-ui-collapse-min-height-mini);
+  --vxe-ui-collapse-scope-padding: calc(var(--vxe-ui-layout-padding-double) - 8px);
 }

package/es/collapse/style.min.css

@@ -1 +1 @@
-.vxe-collapse{font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-collapse.is--padding .vxe-collapse--item-inner{padding:var(--vxe-ui-layout-padding-default)}.vxe-collapse-slots{display:none}.vxe-collapse--item-content.is--visible .vxe-collapse--item-inner{display:block}.vxe-collapse--item-inner{display:none}.vxe-collapse--item-header{display:flex;flex-direction:row;align-items:center;height:1.8em;cursor:pointer}.vxe-collapse--item-icon,.vxe-collapse--item-switch{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-collapse--item-switch{flex-shrink:0;cursor:pointer}.vxe-collapse--item-switch>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-collapse.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-collapse.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-collapse.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-collapse{font-size:var(--vxe-ui-collapse-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-collapse.is--padding .vxe-collapse--item-header{padding:0 var(--vxe-ui-collapse-scope-padding)}.vxe-collapse.is--padding .vxe-collapse--item-inner{padding:var(--vxe-ui-collapse-scope-padding)}.vxe-collapse.is--border>.vxe-collapse-item{border-top:1px solid var(--vxe-ui-collapse-border-color)}.vxe-collapse.is--border>.vxe-collapse-item:last-child{border-bottom:1px solid var(--vxe-ui-collapse-border-color)}.vxe-collapse.is--border>.vxe-collapse-item>.vxe-collapse--item-content>.vxe-collapse--item-inner{border-top:1px solid var(--vxe-ui-collapse-border-color)}.vxe-collapse-slots{display:none}.vxe-collapse--item-content{overflow:hidden;transition:height .2s ease-in-out}.vxe-collapse--item-content.is--hidden{height:0}.vxe-collapse--item-inner{position:relative}.vxe-collapse--item-header{display:flex;flex-direction:row;align-items:center;min-height:var(--vxe-ui-collapse-scope-min-height);cursor:pointer}.vxe-collapse--item-icon,.vxe-collapse--item-switch{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:var(--vxe-ui-layout-padding-half)}.vxe-collapse--item-switch{flex-shrink:0;cursor:pointer}.vxe-collapse--item-switch>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-collapse{--vxe-ui-collapse-font-size:var(--vxe-ui-font-size-default);--vxe-ui-collapse-scope-min-height:var(--vxe-ui-collapse-min-height-default);--vxe-ui-collapse-scope-padding:var(--vxe-ui-layout-padding-double)}.vxe-collapse.size--medium{--vxe-ui-collapse-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-collapse-scope-min-height:var(--vxe-ui-collapse-min-height-medium);--vxe-ui-collapse-scope-padding:calc(var(--vxe-ui-layout-padding-double) - 4px)}.vxe-collapse.size--small{--vxe-ui-collapse-font-size:var(--vxe-ui-font-size-small);--vxe-ui-collapse-scope-min-height:var(--vxe-ui-collapse-min-height-small);--vxe-ui-collapse-scope-padding:calc(var(--vxe-ui-layout-padding-double) - 6px)}.vxe-collapse.size--mini{--vxe-ui-collapse-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-collapse-scope-min-height:var(--vxe-ui-collapse-min-height-mini);--vxe-ui-collapse-scope-padding:calc(var(--vxe-ui-layout-padding-double) - 8px)}

package/es/date-panel/src/util.js

@@ -240,3 +240,19 @@ export function isAllSameChar(str, char) {
     }
     return true;
 }
+export function checkDateFormat(numStr, formatKey) {
+    const numVal = XEUtils.toNumber(numStr);
+    switch (formatKey) {
+        case 'yyyy':
+            return (numVal >= 9999 ? 9999 : (numVal < 1 ? 1 : numVal));
+        case 'MM':
+            return (numVal >= 12 ? 12 : (numVal < 1 ? 1 : numVal));
+        case 'dd':
+            return (numVal >= 31 ? 31 : (numVal < 1 ? 1 : numVal));
+        case 'HH':
+        case 'mm':
+        case 'ss':
+            return (numVal >= 59 ? 59 : (numVal <= 0 ? 0 : numVal));
+    }
+    return numVal;
+}

package/es/date-panel/style.css

@@ -206,7 +206,7 @@
   color: var(--vxe-ui-font-primary-color);
 }
 .vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner {
-  background-color: var(--vxe-ui-font-primary-tinge-color);
+  background-color: var(--vxe-ui-base-hover-background-color);
 }
 .vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner {
   color: var(--vxe-ui-input-date-picker-selected-color);

package/es/date-panel/style.min.css

@@ -1 +1 @@
-.vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{position:relative;padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-selected{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-date-panel{color:var(--vxe-ui-font-color);flex-shrink:0}.vxe-date-panel--time-layout-wrapper,.vxe-date-panel--wrapper{border:0 solid var(--vxe-ui-base-popup-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-date-panel--time-left-wrapper,.vxe-date-panel--wrapper{display:inline-flex;flex-direction:column;padding:.8em}.vxe-date-panel--time-right-wrapper{padding:.8em .8em .8em 0}.vxe-date-panel--time-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-date-panel--time-title{display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);height:2em;font-weight:700}.vxe-date-panel--time-header{position:relative;flex-shrink:0}.vxe-date-panel--picker-header,.vxe-date-panel--time-header{display:flex;flex-direction:row;align-items:center;height:3em;padding-bottom:.5em}.vxe-date-panel--picker-header{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--picker-header .vxe-date-panel--picker-type-wrapper{flex-grow:1;font-size:1.1em}.vxe-date-panel--picker-header .vxe-date-panel--picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-date-panel--picker-type-wrapper{display:flex;align-items:center}.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-btn,.vxe-date-panel--picker-type-wrapper .vxe-date-panel--picker-label{display:inline-block}.vxe-date-panel--picker-btn-wrapper{display:flex;flex-direction:row}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn{height:2.2em;padding:0 .5em;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color);margin-left:.5em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-current-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-next-btn i,.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-prev-btn i{font-size:1.2em}.vxe-date-panel--picker-btn-wrapper .vxe-date-panel--picker-btn:not(.is--disabled):active{transform:scale(.9)}.vxe-date-panel--picker-btn,.vxe-date-panel--picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-panel--picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--picker-btn:not(.is--disabled){cursor:pointer}.vxe-date-panel--picker-btn:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-color);background-color:#fff}.vxe-date-panel--picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn{margin-left:.6em}.vxe-date-panel--picker-btns .vxe-date-panel--picker-btn:first-child{margin-left:0}.vxe-date-panel--view-wrapper{display:flex;flex-direction:column;line-height:1.5}.vxe-date-panel--picker-body{border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--view-header{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color);text-align:center}.vxe-date-panel--view-body{display:inline-flex;flex-direction:column;width:24em}.vxe-date-panel--view-wrapper.type--day .vxe-date-panel--view-body,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-body{height:18em}.vxe-date-panel--view-header .vxe-date-panel--view-row{height:2em}.vxe-date-panel--time-body,.vxe-date-panel--view-body{height:20em}.vxe-date-panel.type--time .vxe-date-panel--time-body{height:15em}.vxe-date-panel--view-body .vxe-date-panel--view-item{cursor:pointer}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--disabled,.vxe-date-panel--view-body .vxe-date-panel--view-item.is--range-disabled{cursor:no-drop}.vxe-date-panel--view-body .vxe-date-panel--view-item.is--over{cursor:no-drop}.vxe-date-panel--view-row{display:flex;flex-direction:row}.vxe-date-panel--view-item{position:relative;padding:.2em}.vxe-date-panel--view-item.is--next .vxe-date-panel--view-item-inner,.vxe-date-panel--view-item.is--prev .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--prev .vxe-date-panel--label{color:var(--vxe-ui-font-disabled-color)}.vxe-date-panel--view-item.is--now .vxe-date-panel--view-item-inner{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--festival,.vxe-date-panel--view-item.is--now:not(.is--selected).is--current .vxe-date-panel--label{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--hover .vxe-date-panel--view-item-inner{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--hover .vxe-date-panel--view-item-inner{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--next .vxe-date-panel--label,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected.is--prev .vxe-date-panel--label{color:var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--festival,.vxe-date-panel--view-item.is--selected .vxe-date-panel--label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-date-panel--view-item.is--selected .vxe-date-panel--label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-date-panel--view-item.is--range-selected{background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-date-panel--view-item.is--range-disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:inherit}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-panel--view-item.is--disabled .vxe-date-panel--festival,.vxe-date-panel--view-item.is--disabled .vxe-date-panel--label{color:var(--vxe-ui-input-disabled-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item{padding:.2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item .vxe-date-panel--view-item-inner{border-radius:0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child{padding:.2em 0 .2em .2em;border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-input-date-festival-color)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item:last-child{padding:.2em .2em .2em 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:first-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:first-child .vxe-date-panel--view-item-inner{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--hover:last-child .vxe-date-panel--view-item-inner,.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--selected:last-child .vxe-date-panel--view-item-inner{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-date-panel--view-wrapper.type--week .vxe-date-panel--view-item.is--now:not(.is--selected):first-child .vxe-date-panel--view-item-inner{color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--view-item-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;border:1px solid transparent;border-radius:var(--vxe-ui-base-border-radius);overflow:hidden}.vxe-date-panel--view-item-label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-date-panel--festival,.vxe-date-panel--label{width:100%;display:block;overflow:hidden;text-align:center}.vxe-date-panel--label{position:relative;height:1.4em;line-height:1.4em}.vxe-date-panel--label.is-notice:before{content:"";position:absolute;width:.25em;height:.25em;left:50%;top:0;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-date-panel--label--extra{position:absolute;right:-.1em;top:-.4em;font-size:12px;transform:scale(.9);color:var(--vxe-ui-input-date-extra-color)}.vxe-date-panel--label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-date-panel--festival{color:var(--vxe-ui-input-date-festival-color);height:1em;line-height:1em;overflow:hidden}.vxe-date-panel--festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-date-panel--festival--label{display:block;font-size:1em;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-date-panel--festival--overlap{display:block;font-size:.86em}.vxe-date-panel--festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-date-panel--festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-date-panel--festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-date-panel--time-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-ui-base-popup-border-color);flex-grow:1;border-radius:var(--vxe-ui-base-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-panel--time-body>ul{height:100%;overflow:hidden;margin:0;padding:0;width:3.2em}.vxe-date-panel--time-body>ul:after,.vxe-date-panel--time-body>ul:before{content:" ";display:block;height:6em}.vxe-date-panel--time-body>ul:hover{overflow-y:auto}.vxe-date-panel--time-body>ul>li{display:block;height:2em;line-height:2em;padding-left:.4em}.vxe-date-panel--time-body>ul>li:not(.is--disabled):hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-date-panel--time-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-date-panel--time-body>ul>li.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-date-panel--time-body .vxe-date-panel--time-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel--time-body .vxe-date-panel--time-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul{width:4em}.vxe-date-panel.type--time .vxe-date-panel--time-body>ul>li{height:2.2em;line-height:2.2em;padding-left:.8em}.vxe-date-panel{font-size:var(--vxe-ui-font-size-default)}.vxe-date-panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-date-panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-date-panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/date-picker/src/date-picker.js

@@ -5,7 +5,7 @@ import { getConfig, getIcon, getI18n, commands, createEvent, globalEvents, GLOBA
 import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
 import { updatePanelPlacement, getEventTargetNode, hasControlKey } from '../../ui/src/dom';
 import { getSlotVNs } from '../../ui/src/vn';
-import { parseDateObj, parseDateValue, getDateByCode, handleValueFormat, hasDateValueType, hasTimestampValueType, isAllSameChar, getChunkDefaultNum } from '../../date-panel/src/util';
+import { parseDateObj, parseDateValue, getDateByCode, handleValueFormat, hasDateValueType, hasTimestampValueType, isAllSameChar, getChunkDefaultNum, checkDateFormat } from '../../date-panel/src/util';
 import { createComponentLog } from '../../ui/src/log';
 import VxeDatePanelComponent from '../../date-panel/src/date-panel';
 import VxeButtonComponent from '../../button/src/button';
@@ -257,6 +257,12 @@ export default defineVxeComponent({
             }
             return [];
         });
+        const computeDateStartDate = computed(() => {
+            return props.startDate ? XEUtils.toStringDate(props.startDate) : null;
+        });
+        const computeDateEndDate = computed(() => {
+            return props.endDate ? XEUtils.toStringDate(props.endDate) : null;
+        });
         const computeLimitMaxCount = computed(() => {
             return props.multiple ? XEUtils.toNumber(props.limitCount) : 0;
         });
@@ -506,13 +512,31 @@ export default defineVxeComponent({
             handleInputLabel(panelLabel, true);
         };
         const afterCheckValue = (inpVal) => {
-            const { type } = props;
+            const { type, editable, multiple, maskedConfig } = props;
             const { inputLabel } = internalData;
             const dateLabelFormat = computeDateLabelFormat.value;
+            const maskedOpts = computeMaskedOpts.value;
             if (!inpVal) {
                 handleChange('', { type: 'check' });
                 return;
             }
+            // 掩码格式处理
+            if (editable && !multiple && (isEnableConf(maskedConfig) || maskedOpts.enabled)) {
+                const allMaskedKeys = dateLabelFormat.match(new RegExp(`(${inputMaskedKeys.join('|')})+`, 'g'));
+                if (allMaskedKeys) {
+                    allMaskedKeys.forEach(formatKey => {
+                        const fkIndex = dateLabelFormat.indexOf(formatKey);
+                        if (fkIndex > -1) {
+                            const val = XEUtils.toNumber(inpVal.slice(fkIndex, formatKey.length).replace(/\D/g, ''));
+                            inpVal = inpVal.slice(0, fkIndex) + XEUtils.padStart(checkDateFormat(val, formatKey), formatKey.length, '0') + inpVal.slice(fkIndex + formatKey.length);
+                        }
+                    });
+                }
+            }
+            const $datePanel = refDatePanel.value;
+            if ($datePanel) {
+                return $datePanel.checkValue(inpVal);
+            }
             let inpDateVal = parseDateValue(inpVal, type, {
                 valueFormat: dateLabelFormat
             });
@@ -560,6 +584,16 @@ export default defineVxeComponent({
                 dispatchEvent('suffix-click', { value: inputValue }, evnt);
             }
         };
+        const checkMaskedInputValue = (numStr, chunkFormat, isFull) => {
+            const maskedOpts = computeMaskedOpts.value;
+            const { align } = maskedOpts;
+            const maskChar = computeMaskChar.value;
+            const restVal = checkDateFormat(XEUtils.toNumber(numStr), chunkFormat);
+            if (isFull) {
+                return XEUtils.padStart(restVal, chunkFormat.length, '0');
+            }
+            return XEUtils[align === 'right' ? 'padStart' : 'padEnd'](restVal, chunkFormat.length, maskChar);
+        };
         const handleArrowInputDate = (evnt, isUpArrow, isDwArrow, isLtArrow, isRtArrow) => {
             const { type, multiple } = props;
             if (multiple) {
@@ -593,7 +627,7 @@ export default defineVxeComponent({
                 const chunkValue = inpValue.slice(chunkStartIndex, chunkEndIndex);
                 if (parseInputKayMaps[selectKey]) {
                     const chunkNum = (isAllSameChar(chunkValue, maskChar) ? getChunkDefaultNum(selectKey) : XEUtils.toNumber(chunkValue)) + (isUpArrow ? 1 : -1);
-                    const restValue = inpValue.slice(0, chunkStartIndex) + XEUtils.padStart(chunkNum, chunkFormat.length, '0') + inpValue.slice(chunkEndIndex);
+                    const restValue = inpValue.slice(0, chunkStartIndex) + checkMaskedInputValue(chunkNum, chunkFormat, true) + inpValue.slice(chunkEndIndex);
                     evnt.preventDefault();
                     if (restValue.indexOf(maskChar) === -1) {
                         // 解析日期
@@ -654,6 +688,8 @@ export default defineVxeComponent({
                 return;
             }
             const { isTriggerMasked } = internalData;
+            const maskedOpts = computeMaskedOpts.value;
+            const { align } = maskedOpts;
             const dateMaskedFormat = computeDateMaskedFormat.value;
             const maskChar = computeMaskChar.value;
             let inpValue = targetElem.value || dateMaskedFormat;
@@ -673,7 +709,7 @@ export default defineVxeComponent({
             const chunkEndIndex = chunkStartIndex + chunkFormat.length;
             const currKeyIndex = allMaskedKeys.indexOf(selectKey);
             // 全选 | 如果无效字符
-            const isAllSelected = !selectionStart && selectionEnd === inpValue.length;
+            const isAllSelected = !selectionStart && selectionEnd === inpValue.length && allMaskedKeys.length > 1;
             const isNotMasked = inpValue && inpValue.length !== dateMaskedFormat.length;
             if (isAllSelected || isNotMasked) {
                 inpValue = dateMaskedFormat;
@@ -683,11 +719,12 @@ export default defineVxeComponent({
             const chunkNumList = isTriggerMasked && !isBackspaceKey ? [] : chunkNums.slice(0);
             if (isNumKey) {
                 chunkNumList.push(numKey);
+                chunkValue = checkMaskedInputValue(chunkNumList.join(''), chunkFormat, false);
             }
             else if (isBackspaceKey) {
                 chunkNumList.pop();
+                chunkValue = XEUtils[align === 'right' ? 'padStart' : 'padEnd'](chunkNumList.join(''), chunkFormat.length, maskChar);
             }
-            chunkValue = chunkNumList.join('').padEnd(chunkFormat.length, maskChar);
             let restValue = inpValue.slice(0, chunkStartIndex) + chunkValue + inpValue.slice(chunkEndIndex);
             restValue = restValue.replace(new RegExp(`(${inputMaskedKeys.join('|')})`, 'g'), maskChar);
             targetElem.value = restValue;
@@ -719,7 +756,7 @@ export default defineVxeComponent({
                             const prveChunkNums = (prveChunkValue.match(/\d/g) || []);
                             if (prveChunkNums.length) {
                                 prveChunkNums.pop();
-                                prveChunkValue = prveChunkNums.join('').padEnd(prveChunkFormat.length, maskChar);
+                                prveChunkValue = XEUtils[align === 'right' ? 'padStart' : 'padEnd'](prveChunkNums.join(''), prveChunkFormat.length, maskChar);
                                 restValue = restValue.slice(0, prveChunkStartIndex) + prveChunkValue + restValue.slice(prveChunkEndIndex);
                                 targetElem.value = restValue;
                                 handleInputLabel(restValue, false);
@@ -809,7 +846,7 @@ export default defineVxeComponent({
                 }
             }
             // 全选 | 如果无效字符
-            const isAllSelected = !selectionStart && selectionEnd === inpValue.length;
+            const isAllSelected = !selectionStart && selectionEnd === inpValue.length && allMaskedKeys.length > 1;
             const isNotMasked = inpValue && inpValue.length !== dateMaskedFormat.length;
             if (isAllSelected || isNotMasked) {
                 let restValue = '';
@@ -853,7 +890,6 @@ export default defineVxeComponent({
             }
         };
         const blurEvent = (evnt) => {
-            const $datePanel = refDatePanel.value;
             const { inputValue } = reactData;
             const inpImmediate = computeInpImmediate.value;
             const value = inputValue;
@@ -864,12 +900,7 @@ export default defineVxeComponent({
                 const { inputLabel } = internalData;
                 reactData.isActivated = false;
                 // 未打开面板时才校验
-                if ($datePanel) {
-                    $datePanel.checkValue(inputLabel);
-                }
-                else {
-                    afterCheckValue(inputLabel);
-                }
+                afterCheckValue(inputLabel);
             }
             dispatchEvent('blur', { value }, evnt);
             // 自动更新校验状态
@@ -925,18 +956,12 @@ export default defineVxeComponent({
             const isEnter = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ENTER);
             if (editable) {
                 if (isEnter) {
-                    const $datePanel = refDatePanel.value;
                     const { inputLabel } = internalData;
                     const targetElem = refInputTarget.value;
                     if (visiblePanel) {
                         hidePanel();
                     }
-                    if ($datePanel) {
-                        $datePanel.checkValue(inputLabel);
-                    }
-                    else {
-                        afterCheckValue(inputLabel);
-                    }
+                    afterCheckValue(inputLabel);
                     if (targetElem) {
                         targetElem.blur();
                     }
@@ -983,7 +1008,6 @@ export default defineVxeComponent({
         };
         // 全局事件
         const handleGlobalMousedownEvent = (evnt) => {
-            const $datePanel = refDatePanel.value;
             const { visiblePanel, isActivated } = reactData;
             const el = refElem.value;
             const panelWrapperElem = refPanelWrapper.value;
@@ -997,12 +1021,7 @@ export default defineVxeComponent({
                     if (visiblePanel) {
                         hidePanel();
                         const { inputLabel } = internalData;
-                        if ($datePanel) {
-                            $datePanel.checkValue(inputLabel);
-                        }
-                        else {
-                            afterCheckValue(inputLabel);
-                        }
+                        afterCheckValue(inputLabel);
                     }
                 }
             }
@@ -1041,7 +1060,6 @@ export default defineVxeComponent({
             }
         };
         const handleGlobalBlurEvent = () => {
-            const $datePanel = refDatePanel.value;
             const { isActivated, visiblePanel } = reactData;
             if (visiblePanel) {
                 hidePanel();
@@ -1050,9 +1068,7 @@ export default defineVxeComponent({
                 reactData.isActivated = false;
             }
             if (visiblePanel || isActivated) {
-                if ($datePanel) {
-                    $datePanel.checkValue(internalData.inputLabel);
-                }
+                afterCheckValue(internalData.inputLabel);
                 const targetElem = refInputTarget.value;
                 if (targetElem) {
                     targetElem.blur();
@@ -1265,6 +1281,8 @@ export default defineVxeComponent({
             const isDateTimeType = computeIsDateTimeType.value;
             const shortcutList = computeShortcutList.value;
             const timeOpts = computeTimeOpts.value;
+            const dateStartDate = computeDateStartDate.value;
+            const dateEndDate = computeDateEndDate.value;
             const { position } = shortcutOpts;
             const headerSlot = slots.header;
             const footerSlot = slots.footer;
@@ -1333,8 +1351,8 @@ export default defineVxeComponent({
                                             className: props.className,
                                             multiple: props.multiple,
                                             limitCount: props.limitCount,
-                                            startDate: props.startDate,
-                                            endDate: props.endDate,
+                                            startDate: dateStartDate,
+                                            endDate: dateEndDate,
                                             defaultDate: props.defaultDate,
                                             defaultTime: props.defaultTime,
                                             minDate: props.minDate,