vxe-pc-ui 3.15.4 → 3.15.6

package/es/cascader/src/cascader.js

@@ -95,11 +95,11 @@ export default {
         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,7 +1,21 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import { getConfig, getIcon, createEvent, permission, renderEmptyElement, globalMixins } 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 {
     name: 'VxeCollapse',
     mixins: [
@@ -9,12 +23,16 @@ export default {
         globalMixins.permissionMixin
     ],
     props: {
-        modelValue: Array,
+        value: Array,
         options: Array,
         padding: {
             type: Boolean,
             default: () => getConfig().collapse.padding
         },
+        border: {
+            type: Boolean,
+            default: () => getConfig().collapse.border
+        },
         expandConfig: Object,
         size: {
             type: String,
@@ -29,16 +47,9 @@ export default {
     },
     data() {
         const xID = XEUtils.uniqueId();
-        const reactData = {
-            staticPanes: [],
-            activeNames: [],
-            initNames: [],
-            cachePaneMaps: {}
-        };
-        return {
-            xID,
-            reactData
-        };
+        const reactData = createReactData();
+        return Object.assign(Object.assign({}, {}), { xID,
+            reactData });
     },
     computed: Object.assign(Object.assign({}, {}), { computeItemOptions() {
             const $xeCollapse = this;
@@ -56,6 +67,11 @@ export default {
             const $xeCollapse = this;
             const props = $xeCollapse;
             return Object.assign({}, getConfig().collapse.expandConfig, props.expandConfig);
+        },
+        computeSpFlag() {
+            const $xeCollapse = this;
+            const reactData = $xeCollapse.reactData;
+            return reactData.staticPanes;
         } }),
     methods: {
         //
@@ -96,6 +112,7 @@ export default {
                     if (name) {
                         const isActive = activeNames.includes(name);
                         nameMaps[`${name}`] = {
+                            height: 0,
                             loading: false
                         };
                         if (isActive) {
@@ -128,9 +145,12 @@ export default {
         handleClickEvent(evnt, item) {
             const $xeCollapse = this;
             const reactData = $xeCollapse.reactData;
+            const internalData = $xeCollapse.internalData;
             const { activeNames } = reactData;
             const { name } = item;
             if (name) {
+                const headEl = evnt.currentTarget;
+                const bodyEl = headEl.nextElementSibling;
                 const aIndex = activeNames.indexOf(name);
                 let expanded = false;
                 if (aIndex === -1) {
@@ -140,6 +160,35 @@ export default {
                 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 {
+                            $xeCollapse.$nextTick(() => {
+                                requestAnimationFrame(() => {
+                                    bodyEl.style.height = '';
+                                });
+                            });
+                        }
+                    }
+                };
+                if (bodyEl) {
+                    const itemEl = bodyEl.firstElementChild;
+                    if (itemEl) {
+                        startAnimation();
+                    }
+                    else {
+                        bodyEl.style.height = '0';
+                        $xeCollapse.$nextTick(startAnimation);
+                    }
+                }
                 $xeCollapse.addInitName(name);
                 $xeCollapse.dispatchEvent('change', { value: activeNames, name }, evnt);
                 $xeCollapse.dispatchEvent('toggle-expand', { value: activeNames, name, expanded }, evnt);
@@ -193,7 +242,8 @@ export default {
                     ]),
                     h('div', {
                         class: ['vxe-collapse--item-content', {
-                                'is--visible': isActive
+                                'is--visible': isActive,
+                                'is--hidden': !isActive
                             }]
                     }, [
                         name && initNames.includes(name)
@@ -211,7 +261,7 @@ export default {
             const $xeCollapse = this;
             const props = $xeCollapse;
             const slots = $xeCollapse.$scopedSlots;
-            const { padding } = props;
+            const { padding, border } = props;
             const vSize = $xeCollapse.computeSize;
             const itemOptions = $xeCollapse.computeItemOptions;
             const itemStaticOptions = $xeCollapse.computeItemStaticOptions;
@@ -221,7 +271,8 @@ export default {
                 ref: 'refElem',
                 class: ['vxe-collapse', {
                         [`size--${vSize}`]: vSize,
-                        'is--padding': padding
+                        'is--padding': padding,
+                        'is--border': border
                     }]
             }, [
                 h('div', {
@@ -231,6 +282,42 @@ export default {
             ]);
         }
     },
+    watch: {
+        value(val) {
+            const $xeCollapse = this;
+            const reactData = $xeCollapse.reactData;
+            reactData.activeNames = val || [];
+        },
+        options() {
+            const $xeCollapse = this;
+            const props = $xeCollapse;
+            $xeCollapse.initDefaultName(props.options);
+        },
+        computeSpFlag() {
+            const $xeCollapse = this;
+            const reactData = $xeCollapse.reactData;
+            $xeCollapse.initDefaultName(reactData.staticPanes);
+        }
+    },
+    created() {
+        const $xeCollapse = this;
+        const props = $xeCollapse;
+        const reactData = $xeCollapse.reactData;
+        $xeCollapse.internalData = createInternalData();
+        reactData.activeNames = props.value || [];
+        $xeCollapse.initDefaultName(reactData.staticPanes.length ? reactData.staticPanes : props.options);
+    },
+    destroyed() {
+        const $xeCollapse = this;
+        const reactData = $xeCollapse.reactData;
+        const internalData = $xeCollapse.internalData;
+        const { esTime } = internalData;
+        if (esTime) {
+            clearTimeout(esTime);
+        }
+        XEUtils.assign(reactData, createReactData());
+        XEUtils.assign(internalData, createInternalData());
+    },
     render(h) {
         return this.renderVN(h);
     }

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;
 }
 
@@ -45,12 +61,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;-ms-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;-ms-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

@@ -208,7 +208,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;-ms-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;-ms-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;-ms-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;-ms-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;-ms-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;-ms-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

@@ -4,7 +4,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';
@@ -269,6 +269,16 @@ export default {
             }
             return [];
         },
+        computeDateStartDate() {
+            const $xeDatePicker = this;
+            const props = $xeDatePicker;
+            return props.startDate ? XEUtils.toStringDate(props.startDate) : null;
+        },
+        computeDateEndDate() {
+            const $xeDatePicker = this;
+            const props = $xeDatePicker;
+            return props.endDate ? XEUtils.toStringDate(props.endDate) : null;
+        },
         computeLimitMaxCount() {
             const $xeDatePicker = this;
             const props = $xeDatePicker;
@@ -594,13 +604,31 @@ export default {
             const props = $xeDatePicker;
             const reactData = $xeDatePicker.reactData;
             const internalData = $xeDatePicker.internalData;
-            const { type } = props;
+            const { type, editable, multiple, maskedConfig } = props;
             const { inputLabel } = internalData;
             const dateLabelFormat = $xeDatePicker.computeDateLabelFormat;
+            const maskedOpts = $xeDatePicker.computeMaskedOpts;
             if (!inpVal) {
                 $xeDatePicker.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 = $xeDatePicker.$refs.refDatePanel;
+            if ($datePanel) {
+                return $datePanel.checkValue(inpVal);
+            }
             let inpDateVal = parseDateValue(inpVal, type, {
                 valueFormat: dateLabelFormat
             });
@@ -651,6 +679,17 @@ export default {
                 $xeDatePicker.dispatchEvent('suffix-click', { value: inputValue }, evnt);
             }
         },
+        checkMaskedInputValue(numStr, chunkFormat, isFull) {
+            const $xeDatePicker = this;
+            const maskedOpts = $xeDatePicker.computeMaskedOpts;
+            const { align } = maskedOpts;
+            const maskChar = $xeDatePicker.computeMaskChar;
+            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);
+        },
         handleArrowInputDate(evnt, isUpArrow, isDwArrow, isLtArrow, isRtArrow) {
             const $xeDatePicker = this;
             const props = $xeDatePicker;
@@ -687,7 +726,7 @@ export default {
                 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) + $xeDatePicker.checkMaskedInputValue(chunkNum, chunkFormat, true) + inpValue.slice(chunkEndIndex);
                     evnt.preventDefault();
                     if (restValue.indexOf(maskChar) === -1) {
                         // 解析日期
@@ -751,6 +790,8 @@ export default {
                 return;
             }
             const { isTriggerMasked } = internalData;
+            const maskedOpts = $xeDatePicker.computeMaskedOpts;
+            const { align } = maskedOpts;
             const dateMaskedFormat = $xeDatePicker.computeDateMaskedFormat;
             const maskChar = $xeDatePicker.computeMaskChar;
             let inpValue = targetElem.value || dateMaskedFormat;
@@ -770,7 +811,7 @@ export default {
             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;
@@ -780,11 +821,12 @@ export default {
             const chunkNumList = isTriggerMasked && !isBackspaceKey ? [] : chunkNums.slice(0);
             if (isNumKey) {
                 chunkNumList.push(numKey);
+                chunkValue = $xeDatePicker.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;
@@ -816,7 +858,7 @@ export default {
                             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;
                                 $xeDatePicker.handleInputLabel(restValue, false);
@@ -909,7 +951,7 @@ export default {
                 }
             }
             // 全选 | 如果无效字符
-            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 = '';
@@ -958,7 +1000,6 @@ export default {
             const internalData = $xeDatePicker.internalData;
             const $xeForm = $xeDatePicker.$xeForm;
             const formItemInfo = $xeDatePicker.formItemInfo;
-            const $datePanel = $xeDatePicker.$refs.refDatePanel;
             const { inputValue } = reactData;
             const inpImmediate = $xeDatePicker.computeInpImmediate;
             const value = inputValue;
@@ -969,12 +1010,7 @@ export default {
                 const { inputLabel } = internalData;
                 reactData.isActivated = false;
                 // 未打开面板时才校验
-                if ($datePanel) {
-                    $datePanel.checkValue(inputLabel);
-                }
-                else {
-                    $xeDatePicker.afterCheckValue(inputLabel);
-                }
+                $xeDatePicker.afterCheckValue(inputLabel);
             }
             $xeDatePicker.dispatchEvent('blur', { value }, evnt);
             // 自动更新校验状态
@@ -1039,18 +1075,12 @@ export default {
             const isEnter = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ENTER);
             if (editable) {
                 if (isEnter) {
-                    const $datePanel = $xeDatePicker.$refs.refDatePanel;
                     const { inputLabel } = internalData;
                     const targetElem = $xeDatePicker.$refs.refInputTarget;
                     if (visiblePanel) {
                         $xeDatePicker.hidePanel();
                     }
-                    if ($datePanel) {
-                        $datePanel.checkValue(inputLabel);
-                    }
-                    else {
-                        $xeDatePicker.afterCheckValue(inputLabel);
-                    }
+                    $xeDatePicker.afterCheckValue(inputLabel);
                     if (targetElem) {
                         targetElem.blur();
                     }
@@ -1106,7 +1136,6 @@ export default {
             const $xeDatePicker = this;
             const reactData = $xeDatePicker.reactData;
             const internalData = $xeDatePicker.internalData;
-            const $datePanel = $xeDatePicker.$refs.refDatePanel;
             const { visiblePanel, isActivated } = reactData;
             const el = $xeDatePicker.$refs.refElem;
             const panelWrapperElem = $xeDatePicker.$refs.refPanelWrapper;
@@ -1120,12 +1149,7 @@ export default {
                     if (visiblePanel) {
                         $xeDatePicker.hidePanel();
                         const { inputLabel } = internalData;
-                        if ($datePanel) {
-                            $datePanel.checkValue(inputLabel);
-                        }
-                        else {
-                            $xeDatePicker.afterCheckValue(inputLabel);
-                        }
+                        $xeDatePicker.afterCheckValue(inputLabel);
                     }
                 }
             }
@@ -1169,7 +1193,6 @@ export default {
             const $xeDatePicker = this;
             const reactData = $xeDatePicker.reactData;
             const internalData = $xeDatePicker.internalData;
-            const $datePanel = $xeDatePicker.$refs.refDatePanel;
             const { isActivated, visiblePanel } = reactData;
             if (visiblePanel) {
                 $xeDatePicker.hidePanel();
@@ -1178,9 +1201,7 @@ export default {
                 reactData.isActivated = false;
             }
             if (visiblePanel || isActivated) {
-                if ($datePanel) {
-                    $datePanel.checkValue(internalData.inputLabel);
-                }
+                $xeDatePicker.afterCheckValue(internalData.inputLabel);
                 const targetElem = $xeDatePicker.$refs.refInputTarget;
                 if (targetElem) {
                     targetElem.blur();
@@ -1426,6 +1447,8 @@ export default {
             const isDateTimeType = $xeDatePicker.computeIsDateTimeType;
             const shortcutList = $xeDatePicker.computeShortcutList;
             const timeOpts = $xeDatePicker.computeTimeOpts;
+            const dateStartDate = $xeDatePicker.computeDateStartDate;
+            const dateEndDate = $xeDatePicker.computeDateEndDate;
             const { position } = shortcutOpts;
             const headerSlot = slots.header;
             const footerSlot = slots.footer;
@@ -1493,8 +1516,8 @@ export default {
                                             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,