vxe-pc-ui 3.15.3 → 3.15.5

package/es/cascader/src/cascader.js

@@ -3,12 +3,10 @@ import { getConfig, getI18n, getIcon, globalEvents, createEvent, renderEmptyElem
 import { getEventTargetNode, updatePanelPlacement, toCssUnit } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
 import { enNodeValue, deNodeValue } from './util';
-import { createComponentLog } from '../../ui/src/log';
 import XEUtils from 'xe-utils';
 import VxeListComponent from '../../list/src/list';
 import VxeInputComponent from '../../input/src/input';
 import VxeButtonComponent from '../../button/src/button';
-const { errLog } = createComponentLog('cascader');
 /**
  * 生成节点的唯一主键
  */
@@ -666,7 +664,6 @@ export default {
             const $xeCascader = this;
             const reactData = $xeCascader.reactData;
             const internalData = $xeCascader.internalData;
-            const { nodeMaps } = internalData;
             let fullList = internalData.afterVisibleList;
             if (force) {
                 // 更新数据，处理筛选和排序
@@ -675,18 +672,59 @@ export default {
                 fullList = $xeCascader.handleTreeToList();
             }
             const treeList = fullList.slice(0);
-            treeList.forEach((item, $index) => {
-                const nodeid = $xeCascader.getNodeId(item);
-                const itemRest = nodeMaps[nodeid];
-                if (itemRest) {
-                    itemRest.$index = $index;
-                }
-            });
             reactData.treeList = treeList;
         },
+        /**
+         * 获取第一个拥有子节点的节点
+         */
+        handleHasChildNodeIds(treeList, type) {
+            const $xeCascader = this;
+            const childrenField = $xeCascader.computeChildrenField;
+            const mapChildrenField = $xeCascader.computeMapChildrenField;
+            const treeOpts = $xeCascader.computeTreeOpts;
+            const { transform } = treeOpts;
+            const childField = transform ? mapChildrenField : childrenField;
+            const nodeIds = [];
+            let currList = treeList;
+            while (currList.length) {
+                let targetNode = null;
+                for (const item of currList) {
+                    const kids = item[childField];
+                    if (XEUtils.isArray(kids) && kids.length > 0) {
+                        targetNode = item;
+                        break;
+                    }
+                }
+                if (targetNode) {
+                    nodeIds.push($xeCascader.getNodeId(targetNode));
+                    currList = targetNode[childField];
+                }
+                else {
+                    const endNode = XEUtils[type](currList);
+                    nodeIds.push($xeCascader.getNodeId(endNode));
+                    break;
+                }
+            }
+            return nodeIds;
+        },
         triggerSearchEvent: XEUtils.debounce(function () {
             const $xeCascader = this;
+            const reactData = $xeCascader.reactData;
+            const internalData = $xeCascader.internalData;
             $xeCascader.handleData(true);
+            $xeCascader.updateModelChecked();
+            const filterOpts = $xeCascader.computeFilterOpts;
+            const { autoExpandMode } = filterOpts;
+            const { afterTreeList } = internalData;
+            // 默认展开第
+            if (autoExpandMode === 'first' || autoExpandMode === 'last') {
+                const stItems = $xeCascader.handleHasChildNodeIds(afterTreeList, autoExpandMode);
+                reactData.currentItems = stItems;
+            }
+            else {
+                $xeCascader.handleCurrentItems();
+            }
+            $xeCascader.updateCurrentChunk();
         }, 350, { trailing: true }),
         loadData(list) {
             const $xeCascader = this;
@@ -719,17 +757,20 @@ export default {
             const reactData = $xeCascader.reactData;
             const internalData = $xeCascader.internalData;
             const { currentItems } = reactData;
-            const { treeFullData } = internalData;
+            const { afterTreeList } = internalData;
             const childrenField = $xeCascader.computeChildrenField;
-            const currentCunkList = [treeFullData];
+            const mapChildrenField = $xeCascader.computeMapChildrenField;
+            const treeOpts = $xeCascader.computeTreeOpts;
+            const { transform } = treeOpts;
+            const currentCunkList = [afterTreeList];
             if (currentItems.length) {
                 let chunkIndex = 0;
                 let stNodeid = currentItems[chunkIndex];
-                let optList = treeFullData;
+                let optList = afterTreeList;
                 while (stNodeid && optList && optList.length) {
                     stNodeid = currentItems[chunkIndex++];
                     const currOption = optList.find(item => stNodeid === $xeCascader.getNodeId(item));
-                    optList = currOption ? currOption[childrenField] : [];
+                    optList = currOption ? currOption[transform ? mapChildrenField : childrenField] : [];
                     if (!optList || !optList.length) {
                         break;
                     }
@@ -742,7 +783,7 @@ export default {
             const $xeCascader = this;
             const reactData = $xeCascader.reactData;
             const internalData = $xeCascader.internalData;
-            const { treeFullData } = internalData;
+            const { afterTreeList } = internalData;
             const selectVals = $xeCascader.computeSelectVals;
             const childrenField = $xeCascader.computeChildrenField;
             const mapChildrenField = $xeCascader.computeMapChildrenField;
@@ -752,7 +793,7 @@ export default {
             const expandedMaps = {};
             if (selectVals.length) {
                 const lastVal = enNodeValue(XEUtils.last(selectVals));
-                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === $xeCascader.getNodeId(item), { children: transform ? mapChildrenField : childrenField });
+                const stRest = XEUtils.findTree(afterTreeList, (item) => lastVal === $xeCascader.getNodeId(item), { children: transform ? mapChildrenField : childrenField });
                 if (stRest) {
                     const { nodes } = stRest;
                     nodes.forEach(item => {
@@ -881,13 +922,14 @@ export default {
                 return { checkNodeKeys: checkKeys, checkNodes };
             });
         },
-        clearCheckboxNode() {
+        clearSelectedNode() {
             const $xeCascader = this;
             const reactData = $xeCascader.reactData;
             const internalData = $xeCascader.internalData;
             internalData.indeterminateRowMaps = {};
             internalData.selectCheckboxMaps = {};
             reactData.updateCheckboxFlag++;
+            reactData.selectRadioKey = null;
             $xeCascader.updateCheckboxStatus();
             return $xeCascader.$nextTick().then(() => {
                 return { checkNodeKeys: [], checkNodes: [] };
@@ -939,7 +981,7 @@ export default {
             const { $event } = params;
             const { multiple, checkedClosable } = props;
             const value = multiple ? [] : null;
-            $xeCascader.clearCheckboxNode().then(() => {
+            $xeCascader.clearSelectedNode().then(() => {
                 if (checkedClosable) {
                     $xeCascader.hideOptionPanel($event);
                 }
@@ -1037,9 +1079,12 @@ export default {
             const { nodeMaps } = internalData;
             const radioOpts = $xeCascader.computeRadioOpts;
             const childrenField = $xeCascader.computeChildrenField;
+            const mapChildrenField = $xeCascader.computeMapChildrenField;
+            const treeOpts = $xeCascader.computeTreeOpts;
+            const { transform } = treeOpts;
             const { checkMode, checkMethod } = radioOpts;
             const nodeid = $xeCascader.getNodeId(node);
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const nodeItem = nodeMaps[nodeid] || {};
             const nLevel = nodeItem.level;
@@ -1211,7 +1256,7 @@ export default {
                 const childRowList = [];
                 XEUtils.eachTree(afterTreeList, (node) => {
                     const nodeid = $xeCascader.getNodeId(node);
-                    const childList = node[childrenField];
+                    const childList = node[transform ? mapChildrenField : childrenField];
                     if (childList && childList.length && !childRowMaps[nodeid]) {
                         childRowMaps[nodeid] = 1;
                         childRowList.unshift([node, nodeid, childList]);
@@ -1318,7 +1363,7 @@ export default {
             const treeOpts = $xeCascader.computeTreeOpts;
             const { transform } = treeOpts;
             const nodeid = $xeCascader.getNodeId(node);
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const nodeItem = nodeMaps[nodeid] || {};
             const nLevel = nodeItem.level;
@@ -1583,11 +1628,12 @@ export default {
             const { currentNode, selectRadioKey, updateCheckboxFlag, updateExpandedFlag } = reactData;
             const { nodeMaps, selectCheckboxMaps, indeterminateRowMaps, treeExpandedMaps, treeExpandLazyLoadedMaps } = internalData;
             const treeOpts = $xeCascader.computeTreeOpts;
-            const { lazy, iconLoaded, iconOpen, iconClose } = treeOpts;
+            const { lazy, transform, iconLoaded, iconOpen, iconClose } = treeOpts;
             const childrenField = $xeCascader.computeChildrenField;
+            const mapChildrenField = $xeCascader.computeMapChildrenField;
             const labelField = $xeCascader.computeLabelField;
             const hasChildField = $xeCascader.computeHasChildField;
-            const childList = node[childrenField];
+            const childList = node[transform ? mapChildrenField : childrenField];
             const isExistChild = childList && childList.length > 0;
             const iconSlot = slots.icon;
             const titleSlot = slots.title;
@@ -1787,7 +1833,7 @@ export default {
                                         h('div', {
                                             class: 'vxe-tree-select--header-button'
                                         }, [
-                                            showCheckedButton && showClearButton
+                                            (showCheckedButton && multiple) || showClearButton
                                                 ? h('div', {
                                                     class: 'vxe-tree-select--selected-btns'
                                                 }, [
@@ -1849,7 +1895,7 @@ export default {
                                     })
                                 ])
                             ]),
-                            footerSlot || showTotalButton || (showCloseButton && multiple)
+                            footerSlot || showTotalButton || showCloseButton
                                 ? h('div', {
                                     class: 'vxe-cascader--panel-footer'
                                 }, footerSlot
@@ -1863,7 +1909,7 @@ export default {
                                                     class: 'vxe-cascader--total-btns'
                                                 }, getI18n('vxe.treeSelect.total', [selectVals.length]))
                                                 : renderEmptyElement($xeCascader),
-                                            showCloseButton && multiple
+                                            showCloseButton
                                                 ? h('div', {
                                                     class: 'vxe-cascader--oper-btns'
                                                 }, [
@@ -1915,10 +1961,6 @@ export default {
     },
     mounted() {
         const $xeCascader = this;
-        const props = $xeCascader;
-        if (props.filterable) {
-            errLog('vxe.error.notProp', ['filterable']);
-        }
         globalEvents.on($xeCascader, 'mousewheel', $xeCascader.handleGlobalMousewheelEvent);
         globalEvents.on($xeCascader, 'mousedown', $xeCascader.handleGlobalMousedownEvent);
         globalEvents.on($xeCascader, 'blur', $xeCascader.handleGlobalBlurEvent);

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/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)}