vxe-pc-ui 3.17.13 → 3.17.15

package/es/textarea/src/textarea.js

@@ -1,6 +1,6 @@
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
-import { getConfig, getI18n, createEvent, globalMixins } from '../../ui';
+import { getConfig, getIcon, getI18n, createEvent, globalMixins, renderEmptyElement } from '../../ui';
 import { getFuncText } from '../../ui/src/utils';
 import { createComponentLog } from '../../ui/src/log';
 const { warnLog } = createComponentLog('textarea');
@@ -38,6 +38,10 @@ export default {
             type: Boolean,
             default: null
         },
+        clearable: {
+            type: Boolean,
+            default: () => getConfig().textarea.clearable
+        },
         placeholder: String,
         maxLength: [String, Number],
         trim: {
@@ -54,6 +58,10 @@ export default {
         },
         showWordCount: Boolean,
         countMethod: Function,
+        autoFocus: {
+            type: Boolean,
+            default: null
+        },
         /**
          * 已废弃，被 auto-size 替换
          * @deprecated
@@ -289,6 +297,16 @@ export default {
                 }
             }
         },
+        clearValueEvent(evnt, value) {
+            const $xeTextarea = this;
+            const props = $xeTextarea;
+            const { autoFocus } = props;
+            if (autoFocus || autoFocus === null) {
+                focus();
+            }
+            $xeTextarea.handleChange('', evnt);
+            $xeTextarea.dispatchEvent('clear', { value }, evnt);
+        },
         inputEvent(evnt) {
             const $xeTextarea = this;
             const props = $xeTextarea;
@@ -342,7 +360,7 @@ export default {
             const $xeTextarea = this;
             const props = $xeTextarea;
             const reactData = $xeTextarea.reactData;
-            const { className, inputClassName, resize, autosize, autoSize, showWordCount, countMethod, rows, cols } = props;
+            const { className, inputClassName, resize, autosize, autoSize, showWordCount, countMethod, rows, cols, clearable } = props;
             const { inputValue } = reactData;
             const vSize = $xeTextarea.computeSize;
             const isDisabled = $xeTextarea.computeIsDisabled;
@@ -370,8 +388,10 @@ export default {
                         'is--autosize': autosize || autoSize,
                         'is--count': showWordCount,
                         'is--disabled': isDisabled,
+                        'is-clear': clearable,
                         'is--rows': !XEUtils.eqNull(rows),
-                        'is--cols': !XEUtils.eqNull(cols)
+                        'is--cols': !XEUtils.eqNull(cols),
+                        'show--clear': clearable && !isDisabled && !(inputValue === '' || XEUtils.eqNull(inputValue))
                     }],
                 attrs: {
                     spellcheck: false
@@ -407,13 +427,31 @@ export default {
                         blur: $xeTextarea.blurEvent
                     }
                 }),
-                showWordCount
-                    ? h('span', {
-                        class: ['vxe-textarea--count', {
-                                'is--error': isCountError
-                            }]
-                    }, countMethod ? `${countMethod({ value: inputValue })}` : `${inputCount}${inpMaxLength ? `/${inpMaxLength}` : ''}`)
-                    : null
+                clearable || showWordCount
+                    ? h('div', {
+                        class: 'vxe-textarea--suffix'
+                    }, [
+                        clearable
+                            ? h('div', {
+                                class: 'vxe-textarea--clear-icon',
+                                on: {
+                                    click: $xeTextarea.clearValueEvent
+                                }
+                            }, [
+                                h('i', {
+                                    class: getIcon().TEXTAREA_CLEAR
+                                })
+                            ])
+                            : renderEmptyElement($xeTextarea),
+                        showWordCount
+                            ? h('span', {
+                                class: ['vxe-textarea--count', {
+                                        'is--error': isCountError
+                                    }]
+                            }, countMethod ? `${countMethod({ value: inputValue })}` : `${inputCount}${inpMaxLength ? `/${inpMaxLength}` : ''}`)
+                            : renderEmptyElement($xeTextarea)
+                    ])
+                    : renderEmptyElement($xeTextarea)
             ]);
         }
     },

package/es/textarea/style.css

@@ -51,6 +51,13 @@
   background-color: var(--vxe-ui-input-disabled-background-color);
 }
 
+.vxe-textarea.is-clear .vxe-textarea--inner {
+  padding-right: 2em;
+}
+.vxe-textarea.show--clear:hover .vxe-textarea--clear-icon {
+  visibility: visible;
+}
+
 .vxe-textarea--inner,
 .vxe-textarea--autosize,
 .vxe-textarea--content {
@@ -75,7 +82,7 @@
 
 .vxe-textarea--count {
   position: absolute;
-  bottom: 0.2em;
+  bottom: 0.3em;
   right: 1.4em;
   padding-left: 0.2em;
   color: var(--vxe-ui-input-count-color);
@@ -85,6 +92,21 @@
   color: var(--vxe-ui-input-count-error-color);
 }
 
+.vxe-textarea--clear-icon {
+  position: absolute;
+  top: 0.3rem;
+  right: 1.4em;
+  color: var(--vxe-ui-input-placeholder-color);
+  cursor: pointer;
+  visibility: hidden;
+}
+.vxe-textarea--clear-icon:hover {
+  color: var(--vxe-ui-font-color);
+}
+.vxe-textarea--clear-icon:active {
+  color: var(--vxe-ui-font-primary-color);
+}
+
 .vxe-textarea,
 .vxe-textarea--autosize {
   font-size: var(--vxe-ui-font-size-default);

package/es/textarea/style.min.css

@@ -1 +1 @@
-.vxe-textarea{position:relative;display:inline-flex;flex-direction:row}.vxe-textarea:not(.is--cols){width:100%}.vxe-textarea:not(.is--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--readonly{display:flex}.vxe-textarea--content{width:100%;padding:.3em .6em;overflow:auto;white-space:pre-wrap;word-break:break-word}.vxe-textarea--inner{border-radius:var(--vxe-ui-base-border-radius);outline:0;font-size:inherit;color:var(--vxe-ui-font-color);line-height:inherit;border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-layout-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--content,.vxe-textarea--inner{line-height:1.5715;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-ui-font-size-default)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-ui-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-ui-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-ui-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-ui-input-height-mini)}
+.vxe-textarea{position:relative;display:inline-flex;flex-direction:row}.vxe-textarea:not(.is--cols){width:100%}.vxe-textarea:not(.is--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--readonly{display:flex}.vxe-textarea--content{width:100%;padding:.3em .6em;overflow:auto;white-space:pre-wrap;word-break:break-word}.vxe-textarea--inner{border-radius:var(--vxe-ui-base-border-radius);outline:0;font-size:inherit;color:var(--vxe-ui-font-color);line-height:inherit;border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-layout-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-textarea.is-clear .vxe-textarea--inner{padding-right:2em}.vxe-textarea.show--clear:hover .vxe-textarea--clear-icon{visibility:visible}.vxe-textarea--autosize,.vxe-textarea--content,.vxe-textarea--inner{line-height:1.5715;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.3em;right:1.4em;padding-left:.2em;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-textarea--clear-icon{position:absolute;top:.3rem;right:1.4em;color:var(--vxe-ui-input-placeholder-color);cursor:pointer;visibility:hidden}.vxe-textarea--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-textarea--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-ui-font-size-default)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-ui-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-ui-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-ui-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-ui-input-height-mini)}

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "3.17.13";
+export const version = "3.17.15";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {
@@ -528,6 +528,8 @@ setIcon({
     CHECKBOX_CHECKED: iconPrefix + 'checkbox-checked-fill',
     CHECKBOX_UNCHECKED: iconPrefix + 'checkbox-unchecked',
     CHECKBOX_DISABLED_UNCHECKED: iconPrefix + 'checkbox-unchecked-fill',
+    // textarea
+    TEXTAREA_CLEAR: iconPrefix + 'error-circle-fill',
     // input
     INPUT_CLEAR: iconPrefix + 'error-circle-fill',
     INPUT_SEARCH: iconPrefix + 'search',

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const uiVersion = `ui v${"3.17.13"}`;
+const uiVersion = `ui v${"3.17.15"}`;
 export function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';

package/es/vxe-input/style.css

@@ -113,7 +113,7 @@
   border: 1px solid var(--vxe-ui-font-primary-color);
 }
 .vxe-input.show--clear:hover .vxe-input--clear-icon {
-  display: block;
+  visibility: visible;
 }
 
 .vxe-input--prefix {
@@ -167,7 +167,7 @@
 }
 
 .vxe-input--clear-icon {
-  display: none;
+  visibility: hidden;
 }
 .vxe-input--clear-icon:hover {
   color: var(--vxe-ui-font-color);

package/es/vxe-input/style.min.css

@@ -1 +1 @@
-.vxe-input,.vxe-input--panel{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-default)}.vxe-input--panel.size--xlarge,.vxe-input.size--xlarge{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-xlarge)}.vxe-input--panel.size--large,.vxe-input.size--large{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-large)}.vxe-input--panel.size--medium,.vxe-input.size--medium{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-medium)}.vxe-input--panel.size--small,.vxe-input.size--small{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-small)}.vxe-input--panel.size--mini,.vxe-input.size--mini{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-mini)}.vxe-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-input--wrapper{flex-grow:1;overflow:hidden}.vxe-input--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:inherit;box-shadow:none}.vxe-input{background-color:var(--vxe-ui-layout-background-color)}.vxe-input .vxe-input--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-input .vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input .vxe-input--inner[type=search],.vxe-input .vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input .vxe-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input.is--disabled .vxe-input--clear-icon,.vxe-input.is--disabled .vxe-input--control-icon,.vxe-input.is--disabled .vxe-input--prefix,.vxe-input.is--disabled .vxe-input--suffix{cursor:not-allowed}.vxe-input.is--disabled .vxe-input--prefix,.vxe-input.is--disabled .vxe-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color);overflow:hidden}.vxe-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-input.show--clear:hover .vxe-input--clear-icon{display:block}.vxe-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-input--prefix,.vxe-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-input--clear-icon{padding-right:.3em;text-align:center}.vxe-input--control-icon,.vxe-input--prefix-icon,.vxe-input--suffix-icon{min-width:1.8em;text-align:center}.vxe-input--prefix-icon,.vxe-input--suffix-icon{height:100%;display:flex;justify-content:center;align-items:center;color:var(--vxe-ui-input-placeholder-color)}.vxe-input--prefix-text,.vxe-input--suffix-text{padding:0 .5em}.vxe-input--clear-icon,.vxe-input--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-input--clear-icon{display:none}.vxe-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-input--number-btn{height:50%;display:flex;align-items:center;justify-content:center}.vxe-input--number-btn:hover{color:var(--vxe-ui-font-color)}.vxe-input--number-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-input--number-icon{display:flex;flex-direction:column;height:100%}.vxe-input--number-icon .vxe-input--number-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-input.is--left .vxe-input--inner{text-align:left}.vxe-input.is--center .vxe-input--inner{text-align:center}.vxe-input.is--right .vxe-input--inner{text-align:right}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-input--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-input--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-input--panel{pointer-events:none}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius)}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--quarter,.vxe-input--panel.type--week,.vxe-input--panel.type--year{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.type--date .vxe-input--date-picker-body th,.vxe-input--panel.type--datetime .vxe-input--date-picker-body th{width:14.28571%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th{width:12%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child{width:14%}.vxe-input--panel.type--quarter .vxe-input--date-picker-body table th{width:50%}.vxe-input--panel.type--month .vxe-input--date-picker-body td,.vxe-input--panel.type--year .vxe-input--date-picker-body td{width:25%}.vxe-input--time-picker-title{flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 .1em;margin-right:.5em}.vxe-input--time-picker-btn{display:flex;flex-shrink:0}.vxe-input--time-picker-btn:active{transform:scale(.9)}.vxe-input--date-picker-confirm,.vxe-input--time-picker-confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-input--date-picker-confirm:hover,.vxe-input--time-picker-confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-input--date-picker-confirm:active,.vxe-input--time-picker-confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-input--time-picker-header{display:flex;flex-direction:row;position:relative;flex-shrink:0}.vxe-input--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper{flex-grow:1}.vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{display:inline-block}.vxe-input--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-input--date-picker-btn,.vxe-input--date-picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-input--date-picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-input--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-input--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-input--date-picker-btns .vxe-input--date-picker-btn{margin-left:.6em}.vxe-input--date-picker-btns .vxe-input--date-picker-btn:first-child{margin-left:0}.vxe-input--date-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-input--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-input--date-picker-body td,.vxe-input--date-picker-body th{font-weight:400}.vxe-input--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-input--date-picker-body td{border:1px solid transparent;border-radius:1em}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-input--date-picker-body td.is--next .vxe-input--date-festival,.vxe-input--date-picker-body td.is--next .vxe-input--date-label,.vxe-input--date-picker-body td.is--prev .vxe-input--date-festival,.vxe-input--date-picker-body td.is--prev .vxe-input--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-input--date-picker-body td.is--now{box-shadow:inset 0 0 0 1px var(--vxe-ui-base-popup-border-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-festival,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--hover{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-input--date-picker-body td.is--selected{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--selected.is--hover{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--selected.is--next,.vxe-input--date-picker-body td.is--selected.is--prev{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-festival,.vxe-input--date-picker-body td.is--selected .vxe-input--date-label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input--date-picker-body td.is--disabled .vxe-input--date-festival,.vxe-input--date-picker-body td.is--disabled .vxe-input--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-input--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-input--date-week-view td{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-width:0;border-right-width:0}.vxe-input--date-week-view td:first-child{border-bottom-left-radius:1em;border-top-left-radius:1em;border-left-width:1px;border-right-width:1px;border-right-color:var(--vxe-ui-base-popup-border-color)}.vxe-input--date-week-view td:last-child{border-top-right-radius:1em;border-bottom-right-radius:1em;border-right-width:1px}.vxe-input--date-festival,.vxe-input--date-label{display:block;overflow:hidden}.vxe-input--date-label{position:relative}.vxe-input--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;transform:scale(.7);color:var(--vxe-ui-input-date-extra-color)}.vxe-input--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-input--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-input--date-festival--label{display:block;font-size:12px;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-input--date-festival--overlap{display:block;font-size:12px}.vxe-input--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-input--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-input--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-input--time-picker-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-input--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-input--time-picker-body>ul:after,.vxe-input--time-picker-body>ul:before{content:" ";display:block}.vxe-input--time-picker-body>ul:hover{overflow-y:auto}.vxe-input--time-picker-body>ul>li{display:block}.vxe-input--time-picker-body>ul>li:hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-input{font-size:var(--vxe-ui-input-current-font-size);height:var(--vxe-ui-input-current-height-default);line-height:var(--vxe-ui-input-current-height-default)}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-input--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-input--panel .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{padding:9px}.vxe-input--panel .vxe-input--time-picker-title{height:28px;line-height:28px}.vxe-input--panel .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-label{height:28px;line-height:28px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:6px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:28px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 7px}.vxe-input--panel .vxe-input--date-picker-header,.vxe-input--panel .vxe-input--time-picker-header{padding-bottom:8px}.vxe-input--panel .vxe-input--date-picker-body table,.vxe-input--panel .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-default) * 6 + var(--vxe-ui-input-date-title-height-default))}.vxe-input--panel .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel .vxe-input--time-picker-body>ul:after,.vxe-input--panel .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel .vxe-input--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel .vxe-input--date-day-view td,.vxe-input--panel .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-default)}.vxe-input--panel .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-default)}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-default)}.vxe-input--panel .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-default)}.vxe-input--panel .vxe-input--date-picker-confirm,.vxe-input--panel .vxe-input--time-picker-confirm{height:28px}.vxe-input--panel .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-default) + 1px)}.vxe-input--panel.size--xlarge{font-size:var(--vxe-ui-font-size-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-right-wrapper{padding:11px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-title{height:30px;line-height:30px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn,.vxe-input--panel.size--xlarge .vxe-input--date-picker-label{height:30px;line-height:30px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:8px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:30px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 9px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-header,.vxe-input--panel.size--xlarge .vxe-input--time-picker-header{padding-bottom:10px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-body table,.vxe-input--panel.size--xlarge .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-xlarge) * 6 + var(--vxe-ui-input-date-title-height-xlarge))}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--xlarge .vxe-input--date-day-view td,.vxe-input--panel.size--xlarge .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-month-view td,.vxe-input--panel.size--xlarge .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-confirm,.vxe-input--panel.size--xlarge .vxe-input--time-picker-confirm{height:30px}.vxe-input--panel.size--xlarge .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-xlarge) + 1px)}.vxe-input--panel.size--large{font-size:var(--vxe-ui-font-size-large)}.vxe-input--panel.size--large .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--large.type--datetime .vxe-input--panel-right-wrapper{padding:10px}.vxe-input--panel.size--large .vxe-input--time-picker-title{height:29px;line-height:29px}.vxe-input--panel.size--large .vxe-input--date-picker-btn,.vxe-input--panel.size--large .vxe-input--date-picker-label{height:29px;line-height:29px}.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:7px}.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:29px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 8px}.vxe-input--panel.size--large .vxe-input--date-picker-header,.vxe-input--panel.size--large .vxe-input--time-picker-header{padding-bottom:9px}.vxe-input--panel.size--large .vxe-input--date-picker-body table,.vxe-input--panel.size--large .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-large) * 6 + var(--vxe-ui-input-date-title-height-large))}.vxe-input--panel.size--large .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--large .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--large .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--large .vxe-input--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--large .vxe-input--date-day-view td,.vxe-input--panel.size--large .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-large)}.vxe-input--panel.size--large .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-large)}.vxe-input--panel.size--large .vxe-input--date-month-view td,.vxe-input--panel.size--large .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-large)}.vxe-input--panel.size--large .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-large)}.vxe-input--panel.size--large .vxe-input--date-picker-confirm,.vxe-input--panel.size--large .vxe-input--time-picker-confirm{height:29px}.vxe-input--panel.size--large .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-large) + 1px)}.vxe-input--panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper{padding:8px}.vxe-input--panel.size--medium .vxe-input--time-picker-title{height:27px;line-height:27px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-label{height:27px;line-height:27px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:5px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:27px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 6px}.vxe-input--panel.size--medium .vxe-input--date-picker-header,.vxe-input--panel.size--medium .vxe-input--time-picker-header{padding-bottom:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-body table,.vxe-input--panel.size--medium .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-medium) * 6 + var(--vxe-ui-input-date-title-height-medium))}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--medium .vxe-input--date-day-view td,.vxe-input--panel.size--medium .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-confirm,.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:27px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-medium) + 1px)}.vxe-input--panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:300px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:7px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper{width:312px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper{padding:7px}.vxe-input--panel.size--small .vxe-input--time-picker-title{height:26px;line-height:26px}.vxe-input--panel.size--small .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-label{height:26px;line-height:26px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:4px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:26px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 5px}.vxe-input--panel.size--small .vxe-input--date-picker-header,.vxe-input--panel.size--small .vxe-input--time-picker-header{padding-bottom:6px}.vxe-input--panel.size--small .vxe-input--date-picker-body table,.vxe-input--panel.size--small .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-small) * 6 + var(--vxe-ui-input-date-title-height-small))}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul{width:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:before{height:110px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul>li{height:26px;padding-left:5px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:88px}.vxe-input--panel.size--small .vxe-input--date-day-view td,.vxe-input--panel.size--small .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-confirm,.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:26px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-small) + 1px)}.vxe-input--panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:280px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:6px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper{width:288px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper{padding:6px}.vxe-input--panel.size--mini .vxe-input--time-picker-title{height:25px;line-height:25px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-label{height:25px;line-height:25px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:3px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:25px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 4px}.vxe-input--panel.size--mini .vxe-input--date-picker-header,.vxe-input--panel.size--mini .vxe-input--time-picker-header{padding-bottom:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-body table,.vxe-input--panel.size--mini .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-mini) * 6 + var(--vxe-ui-input-date-title-height-mini))}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul{width:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:before{height:100px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul>li{height:26px;padding-left:4px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:84px}.vxe-input--panel.size--mini .vxe-input--date-day-view td,.vxe-input--panel.size--mini .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-confirm,.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:25px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-mini) + 1px)}
+.vxe-input,.vxe-input--panel{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-default)}.vxe-input--panel.size--xlarge,.vxe-input.size--xlarge{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-xlarge)}.vxe-input--panel.size--large,.vxe-input.size--large{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-large)}.vxe-input--panel.size--medium,.vxe-input.size--medium{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-medium)}.vxe-input--panel.size--small,.vxe-input.size--small{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-small)}.vxe-input--panel.size--mini,.vxe-input.size--mini{--vxe-ui-input-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-input-current-height-default:var(--vxe-ui-input-height-mini)}.vxe-input--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-input--wrapper{flex-grow:1;overflow:hidden}.vxe-input--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:inherit;box-shadow:none}.vxe-input{background-color:var(--vxe-ui-layout-background-color)}.vxe-input .vxe-input--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-input .vxe-input--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-input .vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input .vxe-input--inner[type=search],.vxe-input .vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input .vxe-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input.is--disabled .vxe-input--clear-icon,.vxe-input.is--disabled .vxe-input--control-icon,.vxe-input.is--disabled .vxe-input--prefix,.vxe-input.is--disabled .vxe-input--suffix{cursor:not-allowed}.vxe-input.is--disabled .vxe-input--prefix,.vxe-input.is--disabled .vxe-input--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:180px;border:1px solid var(--vxe-ui-input-border-color);overflow:hidden}.vxe-input.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-input.show--clear:hover .vxe-input--clear-icon{visibility:visible}.vxe-input--prefix{border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-input--suffix{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-input--prefix,.vxe-input--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-input--clear-icon{padding-right:.3em;text-align:center}.vxe-input--control-icon,.vxe-input--prefix-icon,.vxe-input--suffix-icon{min-width:1.8em;text-align:center}.vxe-input--prefix-icon,.vxe-input--suffix-icon{height:100%;display:flex;justify-content:center;align-items:center;color:var(--vxe-ui-input-placeholder-color)}.vxe-input--prefix-text,.vxe-input--suffix-text{padding:0 .5em}.vxe-input--clear-icon,.vxe-input--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-input--clear-icon{visibility:hidden}.vxe-input--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-input--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-input--number-btn{height:50%;display:flex;align-items:center;justify-content:center}.vxe-input--number-btn:hover{color:var(--vxe-ui-font-color)}.vxe-input--number-btn:active{color:var(--vxe-ui-font-primary-color)}.vxe-input--number-icon{display:flex;flex-direction:column;height:100%}.vxe-input--number-icon .vxe-input--number-btn.is--disabled{cursor:no-drop;color:var(--vxe-ui-font-disabled-color)}.vxe-input--count{flex-shrink:0;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color);padding-right:.6em}.vxe-input--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-input.is--left .vxe-input--inner{text-align:left}.vxe-input.is--center .vxe-input--inner{text-align:center}.vxe-input.is--right .vxe-input--inner{text-align:right}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-input--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-input--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-input--panel{pointer-events:none}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius)}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display:inline-flex;flex-direction:row}.vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--quarter,.vxe-input--panel.type--week,.vxe-input--panel.type--year{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.type--date .vxe-input--date-picker-body th,.vxe-input--panel.type--datetime .vxe-input--date-picker-body th{width:14.28571%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th{width:12%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child{width:14%}.vxe-input--panel.type--quarter .vxe-input--date-picker-body table th{width:50%}.vxe-input--panel.type--month .vxe-input--date-picker-body td,.vxe-input--panel.type--year .vxe-input--date-picker-body td{width:25%}.vxe-input--time-picker-title{flex-grow:1;text-align:center;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);padding:0 .1em;margin-right:.5em}.vxe-input--time-picker-btn{display:flex;flex-shrink:0}.vxe-input--time-picker-btn:active{transform:scale(.9)}.vxe-input--date-picker-confirm,.vxe-input--time-picker-confirm{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);cursor:pointer;color:var(--vxe-ui-input-date-time-confirm-button-color);border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color);padding:0 .5em}.vxe-input--date-picker-confirm:hover,.vxe-input--time-picker-confirm:hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-input--date-picker-confirm:active,.vxe-input--time-picker-confirm:active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-input--time-picker-header{display:flex;flex-direction:row;position:relative;flex-shrink:0}.vxe-input--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper{flex-grow:1}.vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{display:inline-block}.vxe-input--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-input--date-picker-btn,.vxe-input--date-picker-label{display:flex;align-items:center;justify-content:center;background-color:var(--vxe-ui-layout-background-color)}.vxe-input--date-picker-btn.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-input--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-input--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-input--date-picker-btns .vxe-input--date-picker-btn{margin-left:.6em}.vxe-input--date-picker-btns .vxe-input--date-picker-btn:first-child{margin-left:0}.vxe-input--date-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-input--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-input--date-picker-body td,.vxe-input--date-picker-body th{font-weight:400}.vxe-input--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-input--date-picker-body td{border:1px solid transparent;border-radius:1em}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--prev{color:var(--vxe-ui-font-disabled-color)}.vxe-input--date-picker-body td.is--next .vxe-input--date-festival,.vxe-input--date-picker-body td.is--next .vxe-input--date-label,.vxe-input--date-picker-body td.is--prev .vxe-input--date-festival,.vxe-input--date-picker-body td.is--prev .vxe-input--date-label{color:var(--vxe-ui-font-disabled-color)}.vxe-input--date-picker-body td.is--now{box-shadow:inset 0 0 0 1px var(--vxe-ui-base-popup-border-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-festival,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-label{color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--hover{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-tinge-color)}.vxe-input--date-picker-body td.is--selected{color:var(--vxe-ui-input-date-picker-selected-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--selected.is--hover{box-shadow:0 0 6px 1px var(--vxe-ui-font-primary-color)}.vxe-input--date-picker-body td.is--selected.is--next,.vxe-input--date-picker-body td.is--selected.is--prev{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-festival,.vxe-input--date-picker-body td.is--selected .vxe-input--date-label{color:var(--vxe-ui-input-date-picker-festival-selected-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:var(--vxe-ui-input-date-picker-notice-selected-background-color)}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-ui-input-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-input--date-picker-body td.is--disabled .vxe-input--date-festival,.vxe-input--date-picker-body td.is--disabled .vxe-input--date-label{color:var(--vxe-ui-input-disabled-color)}.vxe-input--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-ui-base-popup-border-color)}.vxe-input--date-week-view td{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-left-width:0;border-right-width:0}.vxe-input--date-week-view td:first-child{border-bottom-left-radius:1em;border-top-left-radius:1em;border-left-width:1px;border-right-width:1px;border-right-color:var(--vxe-ui-base-popup-border-color)}.vxe-input--date-week-view td:last-child{border-top-right-radius:1em;border-bottom-right-radius:1em;border-right-width:1px}.vxe-input--date-festival,.vxe-input--date-label{display:block;overflow:hidden}.vxe-input--date-label{position:relative}.vxe-input--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-ui-input-date-notice-background-color)}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;transform:scale(.7);color:var(--vxe-ui-input-date-extra-color)}.vxe-input--date-label--extra.is-important{color:var(--vxe-ui-input-date-extra-important-color)}.vxe-input--date-festival{color:var(--vxe-ui-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:var(--vxe-ui-input-date-festival-important-color)}.vxe-input--date-festival--label{display:block;font-size:12px;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-input--date-festival--overlap{display:block;font-size:12px}.vxe-input--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-input--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-input--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-input--time-picker-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-input--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-input--time-picker-body>ul:after,.vxe-input--time-picker-body>ul:before{content:" ";display:block}.vxe-input--time-picker-body>ul:hover{overflow-y:auto}.vxe-input--time-picker-body>ul>li{display:block}.vxe-input--time-picker-body>ul>li:hover{background-color:var(--vxe-ui-input-date-picker-hover-background-color);cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-ui-font-primary-color)}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-input{font-size:var(--vxe-ui-input-current-font-size);height:var(--vxe-ui-input-current-height-default);line-height:var(--vxe-ui-input-current-height-default)}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-input--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-input--panel .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{padding:9px}.vxe-input--panel .vxe-input--time-picker-title{height:28px;line-height:28px}.vxe-input--panel .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-label{height:28px;line-height:28px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:6px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:28px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 7px}.vxe-input--panel .vxe-input--date-picker-header,.vxe-input--panel .vxe-input--time-picker-header{padding-bottom:8px}.vxe-input--panel .vxe-input--date-picker-body table,.vxe-input--panel .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-default) * 6 + var(--vxe-ui-input-date-title-height-default))}.vxe-input--panel .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel .vxe-input--time-picker-body>ul:after,.vxe-input--panel .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel .vxe-input--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel .vxe-input--date-day-view td,.vxe-input--panel .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-default)}.vxe-input--panel .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-default)}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-default)}.vxe-input--panel .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-default)}.vxe-input--panel .vxe-input--date-picker-confirm,.vxe-input--panel .vxe-input--time-picker-confirm{height:28px}.vxe-input--panel .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-default) + 1px)}.vxe-input--panel.size--xlarge{font-size:var(--vxe-ui-font-size-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.size--xlarge.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--xlarge.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--xlarge.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--xlarge.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--xlarge.type--datetime .vxe-input--panel-right-wrapper{padding:11px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-title{height:30px;line-height:30px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn,.vxe-input--panel.size--xlarge .vxe-input--date-picker-label{height:30px;line-height:30px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:8px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--xlarge .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:30px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--xlarge .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 9px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-header,.vxe-input--panel.size--xlarge .vxe-input--time-picker-header{padding-bottom:10px}.vxe-input--panel.size--xlarge .vxe-input--date-picker-body table,.vxe-input--panel.size--xlarge .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-xlarge) * 6 + var(--vxe-ui-input-date-title-height-xlarge))}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--xlarge .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--xlarge .vxe-input--date-day-view td,.vxe-input--panel.size--xlarge .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-month-view td,.vxe-input--panel.size--xlarge .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-xlarge)}.vxe-input--panel.size--xlarge .vxe-input--date-picker-confirm,.vxe-input--panel.size--xlarge .vxe-input--time-picker-confirm{height:30px}.vxe-input--panel.size--xlarge .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-xlarge) + 1px)}.vxe-input--panel.size--large{font-size:var(--vxe-ui-font-size-large)}.vxe-input--panel.size--large .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--large.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--large.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--large.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--large.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--large.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--large.type--datetime .vxe-input--panel-right-wrapper{padding:10px}.vxe-input--panel.size--large .vxe-input--time-picker-title{height:29px;line-height:29px}.vxe-input--panel.size--large .vxe-input--date-picker-btn,.vxe-input--panel.size--large .vxe-input--date-picker-label{height:29px;line-height:29px}.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:7px}.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--large .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:29px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--large .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 8px}.vxe-input--panel.size--large .vxe-input--date-picker-header,.vxe-input--panel.size--large .vxe-input--time-picker-header{padding-bottom:9px}.vxe-input--panel.size--large .vxe-input--date-picker-body table,.vxe-input--panel.size--large .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-large) * 6 + var(--vxe-ui-input-date-title-height-large))}.vxe-input--panel.size--large .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--large .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--large .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--large .vxe-input--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--large .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--large .vxe-input--date-day-view td,.vxe-input--panel.size--large .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-large)}.vxe-input--panel.size--large .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-large)}.vxe-input--panel.size--large .vxe-input--date-month-view td,.vxe-input--panel.size--large .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-large)}.vxe-input--panel.size--large .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-large)}.vxe-input--panel.size--large .vxe-input--date-picker-confirm,.vxe-input--panel.size--large .vxe-input--time-picker-confirm{height:29px}.vxe-input--panel.size--large .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-large) + 1px)}.vxe-input--panel.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper{padding:8px}.vxe-input--panel.size--medium .vxe-input--time-picker-title{height:27px;line-height:27px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-label{height:27px;line-height:27px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:5px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:27px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 6px}.vxe-input--panel.size--medium .vxe-input--date-picker-header,.vxe-input--panel.size--medium .vxe-input--time-picker-header{padding-bottom:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-body table,.vxe-input--panel.size--medium .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-medium) * 6 + var(--vxe-ui-input-date-title-height-medium))}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--medium .vxe-input--date-day-view td,.vxe-input--panel.size--medium .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-confirm,.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:27px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-medium) + 1px)}.vxe-input--panel.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:300px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:7px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper{width:312px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper{padding:7px}.vxe-input--panel.size--small .vxe-input--time-picker-title{height:26px;line-height:26px}.vxe-input--panel.size--small .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-label{height:26px;line-height:26px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:4px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:26px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 5px}.vxe-input--panel.size--small .vxe-input--date-picker-header,.vxe-input--panel.size--small .vxe-input--time-picker-header{padding-bottom:6px}.vxe-input--panel.size--small .vxe-input--date-picker-body table,.vxe-input--panel.size--small .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-small) * 6 + var(--vxe-ui-input-date-title-height-small))}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul{width:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:before{height:110px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul>li{height:26px;padding-left:5px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:88px}.vxe-input--panel.size--small .vxe-input--date-day-view td,.vxe-input--panel.size--small .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-confirm,.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:26px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-small) + 1px)}.vxe-input--panel.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:280px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:6px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{display:inline-flex;flex-direction:column}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper{width:288px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper{padding:6px}.vxe-input--panel.size--mini .vxe-input--time-picker-title{height:25px;line-height:25px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-label{height:25px;line-height:25px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:3px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn:active{transform:scale(.9)}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:25px;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btns,.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 4px}.vxe-input--panel.size--mini .vxe-input--date-picker-header,.vxe-input--panel.size--mini .vxe-input--time-picker-header{padding-bottom:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-body table,.vxe-input--panel.size--mini .vxe-input--time-picker-body{height:calc(var(--vxe-ui-input-date-time-week-row-height-mini) * 6 + var(--vxe-ui-input-date-title-height-mini))}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul{width:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:before{height:100px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul>li{height:26px;padding-left:4px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:84px}.vxe-input--panel.size--mini .vxe-input--date-day-view td,.vxe-input--panel.size--mini .vxe-input--date-week-view td{height:var(--vxe-ui-input-date-time-week-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:var(--vxe-ui-input-date-quarter-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:var(--vxe-ui-input-date-month-year-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:var(--vxe-ui-input-date-title-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-confirm,.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:25px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:calc(var(--vxe-ui-font-size-mini) + 1px)}

package/es/vxe-textarea/style.css

@@ -51,6 +51,13 @@
   background-color: var(--vxe-ui-input-disabled-background-color);
 }
 
+.vxe-textarea.is-clear .vxe-textarea--inner {
+  padding-right: 2em;
+}
+.vxe-textarea.show--clear:hover .vxe-textarea--clear-icon {
+  visibility: visible;
+}
+
 .vxe-textarea--inner,
 .vxe-textarea--autosize,
 .vxe-textarea--content {
@@ -75,7 +82,7 @@
 
 .vxe-textarea--count {
   position: absolute;
-  bottom: 0.2em;
+  bottom: 0.3em;
   right: 1.4em;
   padding-left: 0.2em;
   color: var(--vxe-ui-input-count-color);
@@ -85,6 +92,21 @@
   color: var(--vxe-ui-input-count-error-color);
 }
 
+.vxe-textarea--clear-icon {
+  position: absolute;
+  top: 0.3rem;
+  right: 1.4em;
+  color: var(--vxe-ui-input-placeholder-color);
+  cursor: pointer;
+  visibility: hidden;
+}
+.vxe-textarea--clear-icon:hover {
+  color: var(--vxe-ui-font-color);
+}
+.vxe-textarea--clear-icon:active {
+  color: var(--vxe-ui-font-primary-color);
+}
+
 .vxe-textarea,
 .vxe-textarea--autosize {
   font-size: var(--vxe-ui-font-size-default);

package/es/vxe-textarea/style.min.css

@@ -1 +1 @@
-.vxe-textarea{position:relative;display:inline-flex;flex-direction:row}.vxe-textarea:not(.is--cols){width:100%}.vxe-textarea:not(.is--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--readonly{display:flex}.vxe-textarea--content{width:100%;padding:.3em .6em;overflow:auto;white-space:pre-wrap;word-break:break-word}.vxe-textarea--inner{border-radius:var(--vxe-ui-base-border-radius);outline:0;font-size:inherit;color:var(--vxe-ui-font-color);line-height:inherit;border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-layout-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--content,.vxe-textarea--inner{line-height:1.5715;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-ui-font-size-default)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-ui-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-ui-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-ui-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-ui-input-height-mini)}
+.vxe-textarea{position:relative;display:inline-flex;flex-direction:row}.vxe-textarea:not(.is--cols){width:100%}.vxe-textarea:not(.is--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--readonly{display:flex}.vxe-textarea--content{width:100%;padding:.3em .6em;overflow:auto;white-space:pre-wrap;word-break:break-word}.vxe-textarea--inner{border-radius:var(--vxe-ui-base-border-radius);outline:0;font-size:inherit;color:var(--vxe-ui-font-color);line-height:inherit;border:1px solid var(--vxe-ui-input-border-color);background-color:var(--vxe-ui-layout-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:-ms-input-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-textarea.is-clear .vxe-textarea--inner{padding-right:2em}.vxe-textarea.show--clear:hover .vxe-textarea--clear-icon{visibility:visible}.vxe-textarea--autosize,.vxe-textarea--content,.vxe-textarea--inner{line-height:1.5715;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.3em;right:1.4em;padding-left:.2em;color:var(--vxe-ui-input-count-color);background-color:var(--vxe-ui-layout-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-ui-input-count-error-color)}.vxe-textarea--clear-icon{position:absolute;top:.3rem;right:1.4em;color:var(--vxe-ui-input-placeholder-color);cursor:pointer;visibility:hidden}.vxe-textarea--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-textarea--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-ui-font-size-default)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-ui-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-ui-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-ui-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-ui-input-height-mini)}

package/lib/backtop/src/backtop.js

@@ -253,11 +253,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           return;
         }
         if (_xeUtils.default.isString(target)) {
-          var tEl = document.querySelector(target);
-          if (!tEl) {
-            errLog('vxe.error.errProp', ["target=".concat(target), 'body']);
-          }
           var targetEl = internalData.targetEl;
+          var tEl = document.querySelector(target) || document.body;
           if (targetEl !== tEl) {
             $xeBacktop.removeScrollEvent();
             internalData.targetEl = tEl;

package/lib/backtop/src/backtop.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_log=require("../../ui/src/log"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_button=_interopRequireDefault(require("../../button"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,o){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0===o)return("string"===e?String:Number)(t);o=o.call(t,e||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("backtop"),errLog=_createComponentLog.errLog;function createInternalData(){return{targetEl:null}}function createReactData(){return{showBtn:!1,backtopZindex:0}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeBacktop",mixins:[_ui.globalMixins.sizeMixin],props:{target:String,size:{type:String,default:function(){return(0,_ui.getConfig)().backtop.size||(0,_ui.getConfig)().size}},circle:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.circle}},right:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.right}},bottom:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.bottom}},status:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.status}},icon:{type:String,default:function(){return(0,_ui.getConfig)().backtop.icon}},showIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.showIcon}},content:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.content}},showContent:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.showContent}},showTop:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.showTop}},showBottom:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.showBottom}},shadow:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.shadow}},zIndex:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.zIndex}},threshold:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.threshold}},position:{type:String,default:function(){return(0,_ui.getConfig)().backtop.position}}},data:function(){var t=_xeUtils.default.uniqueId(),e=createReactData();return Object.assign(Object.assign({},{}),{xID:t,reactData:e})},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var t=this.reactData,e=this.right,o=this.bottom,t=t.backtopZindex,n={};return e&&(n.right=(0,_dom.toCssUnit)(e)),o&&(n.bottom=(0,_dom.toCssUnit)(o)),t&&(n.zIndex=t),n}}),watch:{position:function(){this.updateZIndex()},target:function(){this.handleTargetElement()}},methods:{dispatchEvent:function(t,e,o){this.$emit(t,(0,_ui.createEvent)(o,{$backtop:this},e))},updateZIndex:function(){var t=this.reactData,e=this.position,o=this.zIndex,n=t.backtopZindex;o?t.backtopZindex=_xeUtils.default.toNumber(o):"fixed"===e&&n<(0,_utils.getLastZIndex)()&&(t.backtopZindex=(0,_utils.nextZIndex)())},showBacktop:function(){var t=this.reactData;this.updateZIndex(),t.showBtn=!0},hideBacktop:function(){this.reactData.showBtn=!1},handleScrollEvent:function(t){var e=this.reactData,o=this.threshold,t=t.currentTarget.scrollTop;e.showBtn=t>Math.max(1,_xeUtils.default.toNumber(o))},handleToTop:function(){var t,e=this.internalData.targetEl;e&&0<(t=e.scrollTop)&&(requestAnimationFrame(this.handleToTop),t=t-Math.max(12,t/6),e.scrollTop=10<t?t:0)},removeScrollEvent:function(){var t=this.internalData.targetEl;t&&t.removeEventListener("scroll",this.handleScrollEvent)},addScrollEvent:function(){var t=this.internalData.targetEl;t&&t.addEventListener("scroll",this.handleScrollEvent,{passive:!0})},handleTargetElement:function(){var o=this,n=o,r=o.internalData;o.$nextTick(function(){var t,e=n.target;e?_xeUtils.default.isString(e)&&((t=document.querySelector(e))||errLog("vxe.error.errProp",["target=".concat(e),"body"]),r.targetEl!==t)&&(o.removeScrollEvent(),r.targetEl=t,o.addScrollEvent()):(o.removeScrollEvent(),errLog("vxe.error.reqProp",["target"]))})},clickEvent:function(t){this.handleToTop(),this.dispatchEvent("click",{},t)},renderVN:function(t){var e=this,o=e.$scopedSlots,n=e.circle,r=e.position,i=e.status,a=e.icon,u=e.showIcon,c=e.content,s=e.showContent,l=e.showTop,p=e.showBottom,f=e.shadow,d=e.reactData.showBtn,g=e.computeWrapperStyle,h=e.computeSize,m=o.default,b=o.top,o=o.bottom;return t("div",{ref:"refElem",class:["vxe-backtop","fixed"===r?"is--"+r:"is--absolute",_defineProperty(_defineProperty({},"size--".concat(h),h),"is--visible",d)],style:g},[l&&b?t("div",{class:"vxe-backtop--top-wrapper"},b({})):(0,_ui.renderEmptyElement)(e),t("div",{class:"vxe-backtop--content-wrapper",on:{click:e.clickEvent}},[m?m({}):[t(_button.default,{props:{circle:n,status:i,shadow:f,icon:u?a||(0,_ui.getIcon)().BACKTOP_TOP:"",content:s?c:""}})]]),p&&o?t("div",{class:"vxe-backtop--bottom-wrapper"},o({})):(0,_ui.renderEmptyElement)(e)])}},created:function(){this.internalData=createInternalData()},mounted:function(){this.showTop&&this.updateZIndex(),this.handleTargetElement()},beforeDestroy:function(){var t=this.reactData,e=this.internalData;this.removeScrollEvent(),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(e,createInternalData())},render:function(t){return this.renderVN(t)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_log=require("../../ui/src/log"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_button=_interopRequireDefault(require("../../button"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _defineProperty(t,e,o){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0===o)return("string"===e?String:Number)(t);o=o.call(t,e||"default");if("object"!=_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("backtop"),errLog=_createComponentLog.errLog;function createInternalData(){return{targetEl:null}}function createReactData(){return{showBtn:!1,backtopZindex:0}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeBacktop",mixins:[_ui.globalMixins.sizeMixin],props:{target:String,size:{type:String,default:function(){return(0,_ui.getConfig)().backtop.size||(0,_ui.getConfig)().size}},circle:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.circle}},right:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.right}},bottom:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.bottom}},status:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.status}},icon:{type:String,default:function(){return(0,_ui.getConfig)().backtop.icon}},showIcon:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.showIcon}},content:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.content}},showContent:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.showContent}},showTop:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.showTop}},showBottom:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.showBottom}},shadow:{type:Boolean,default:function(){return(0,_ui.getConfig)().backtop.shadow}},zIndex:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.zIndex}},threshold:{type:[String,Number],default:function(){return(0,_ui.getConfig)().backtop.threshold}},position:{type:String,default:function(){return(0,_ui.getConfig)().backtop.position}}},data:function(){var t=_xeUtils.default.uniqueId(),e=createReactData();return Object.assign(Object.assign({},{}),{xID:t,reactData:e})},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var t=this.reactData,e=this.right,o=this.bottom,t=t.backtopZindex,n={};return e&&(n.right=(0,_dom.toCssUnit)(e)),o&&(n.bottom=(0,_dom.toCssUnit)(o)),t&&(n.zIndex=t),n}}),watch:{position:function(){this.updateZIndex()},target:function(){this.handleTargetElement()}},methods:{dispatchEvent:function(t,e,o){this.$emit(t,(0,_ui.createEvent)(o,{$backtop:this},e))},updateZIndex:function(){var t=this.reactData,e=this.position,o=this.zIndex,n=t.backtopZindex;o?t.backtopZindex=_xeUtils.default.toNumber(o):"fixed"===e&&n<(0,_utils.getLastZIndex)()&&(t.backtopZindex=(0,_utils.nextZIndex)())},showBacktop:function(){var t=this.reactData;this.updateZIndex(),t.showBtn=!0},hideBacktop:function(){this.reactData.showBtn=!1},handleScrollEvent:function(t){var e=this.reactData,o=this.threshold,t=t.currentTarget.scrollTop;e.showBtn=t>Math.max(1,_xeUtils.default.toNumber(o))},handleToTop:function(){var t,e=this.internalData.targetEl;e&&0<(t=e.scrollTop)&&(requestAnimationFrame(this.handleToTop),t=t-Math.max(12,t/6),e.scrollTop=10<t?t:0)},removeScrollEvent:function(){var t=this.internalData.targetEl;t&&t.removeEventListener("scroll",this.handleScrollEvent)},addScrollEvent:function(){var t=this.internalData.targetEl;t&&t.addEventListener("scroll",this.handleScrollEvent,{passive:!0})},handleTargetElement:function(){var e=this,o=e,n=e.internalData;e.$nextTick(function(){var t=o.target;t?_xeUtils.default.isString(t)&&n.targetEl!==(t=document.querySelector(t)||document.body)&&(e.removeScrollEvent(),n.targetEl=t,e.addScrollEvent()):(e.removeScrollEvent(),errLog("vxe.error.reqProp",["target"]))})},clickEvent:function(t){this.handleToTop(),this.dispatchEvent("click",{},t)},renderVN:function(t){var e=this,o=e.$scopedSlots,n=e.circle,r=e.position,i=e.status,a=e.icon,u=e.showIcon,c=e.content,s=e.showContent,l=e.showTop,p=e.showBottom,f=e.shadow,d=e.reactData.showBtn,g=e.computeWrapperStyle,h=e.computeSize,m=o.default,b=o.top,o=o.bottom;return t("div",{ref:"refElem",class:["vxe-backtop","fixed"===r?"is--"+r:"is--absolute",_defineProperty(_defineProperty({},"size--".concat(h),h),"is--visible",d)],style:g},[l&&b?t("div",{class:"vxe-backtop--top-wrapper"},b({})):(0,_ui.renderEmptyElement)(e),t("div",{class:"vxe-backtop--content-wrapper",on:{click:e.clickEvent}},[m?m({}):[t(_button.default,{props:{circle:n,status:i,shadow:f,icon:u?a||(0,_ui.getIcon)().BACKTOP_TOP:"",content:s?c:""}})]]),p&&o?t("div",{class:"vxe-backtop--bottom-wrapper"},o({})):(0,_ui.renderEmptyElement)(e)])}},created:function(){this.internalData=createInternalData()},mounted:function(){this.showTop&&this.updateZIndex(),this.handleTargetElement()},beforeDestroy:function(){var t=this.reactData,e=this.internalData;this.removeScrollEvent(),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(e,createInternalData())},render:function(t){return this.renderVN(t)}});