vxe-pc-ui 4.15.0 → 4.15.2

package/es/cascader/src/cascader.js

@@ -41,6 +41,10 @@ function createReactData() {
 function createInternalData() {
     return {
         // hpTimeout: undefined,
+        listVirtualYOpts: {
+            enabled: true,
+            gt: 20
+        },
         afterTreeList: [],
         treeFullData: [],
         afterVisibleList: [],
@@ -92,7 +96,15 @@ export default defineVxeComponent({
             default: () => getConfig().cascader.size || getConfig().size
         },
         treeConfig: Object,
+        showRadio: {
+            type: Boolean,
+            default: () => getConfig().cascader.showRadio
+        },
         radioConfig: Object,
+        showCheckbox: {
+            type: Boolean,
+            default: () => getConfig().cascader.showCheckbox
+        },
         checkboxConfig: Object,
         remote: Boolean,
         remoteConfig: Function,
@@ -352,6 +364,51 @@ export default defineVxeComponent({
                 return item;
             }));
         };
+        const handleSetCheckboxByNodeId = (nodeKeys, checked) => {
+            const { nodeMaps } = internalData;
+            if (nodeKeys) {
+                if (!XEUtils.isArray(nodeKeys)) {
+                    nodeKeys = [nodeKeys];
+                }
+                const nodeList = [];
+                nodeKeys.forEach((nodeKey) => {
+                    const nodeid = enNodeValue(nodeKey);
+                    const nodeItem = nodeMaps[nodeid];
+                    if (nodeItem) {
+                        nodeList.push(nodeItem.item);
+                    }
+                });
+                handleCheckedCheckboxNode(nodeList, checked);
+            }
+            return nextTick();
+        };
+        const updateCheckboxChecked = (nodeKeys) => {
+            internalData.selectCheckboxMaps = {};
+            handleSetCheckboxByNodeId(nodeKeys, true);
+        };
+        const updateModelChecked = () => {
+            const { modelValue } = props;
+            const { nodeMaps } = internalData;
+            const expandedMaps = {};
+            if (props.multiple) {
+                if (modelValue && modelValue.length) {
+                    updateCheckboxChecked(modelValue);
+                }
+            }
+            else {
+                if (modelValue) {
+                    const nodeid = enNodeValue(XEUtils.isArray(modelValue) ? modelValue[0] : modelValue);
+                    const itemRest = nodeMaps[nodeid];
+                    if (itemRest) {
+                        itemRest.nodes.forEach(item => {
+                            expandedMaps[getNodeId(item)] = true;
+                        });
+                        reactData.selectRadioKey = nodeid;
+                    }
+                }
+            }
+            internalData.treeExpandedMaps = expandedMaps;
+        };
         const cacheNodeMap = () => {
             const { separator } = props;
             const { treeFullData } = internalData;
@@ -565,6 +622,7 @@ export default defineVxeComponent({
             internalData.treeFullData = fullData;
             cacheNodeMap();
             handleData(true);
+            updateModelChecked();
             handleCurrentItems();
             updateCurrentChunk();
             return nextTick();
@@ -594,11 +652,14 @@ export default defineVxeComponent({
             const { treeFullData } = internalData;
             const selectVals = computeSelectVals.value;
             const childrenField = computeChildrenField.value;
+            const mapChildrenField = computeMapChildrenField.value;
+            const treeOpts = computeTreeOpts.value;
+            const { transform } = treeOpts;
             const stItems = [];
             const expandedMaps = {};
             if (selectVals.length) {
-                const lastVal = XEUtils.last(selectVals);
-                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === getNodeId(item), { children: childrenField });
+                const lastVal = enNodeValue(XEUtils.last(selectVals));
+                const stRest = XEUtils.findTree(treeFullData, (item) => lastVal === getNodeId(item), { children: transform ? mapChildrenField : childrenField });
                 if (stRest) {
                     const { nodes } = stRest;
                     nodes.forEach(item => {
@@ -1135,7 +1196,7 @@ export default defineVxeComponent({
             changeEvent(evnt, value, node);
         };
         const handleNodeClickEvent = (evnt, node, chunks, chunkIndex) => {
-            const { multiple } = props;
+            const { multiple, showCheckbox, showRadio } = props;
             const treeOpts = computeTreeOpts.value;
             const radioOpts = computeRadioOpts.value;
             const checkboxOpts = computeCheckboxOpts.value;
@@ -1154,13 +1215,13 @@ export default defineVxeComponent({
                 toggleExpandEvent(evnt, node, chunks, chunkIndex);
             }
             if (multiple) {
-                if (checkboxOpts.trigger === 'node' || (!checkboxOpts.showIcon && (!childList || !childList.length))) {
+                if (checkboxOpts.trigger === 'node' || (!showCheckbox && (!childList || !childList.length))) {
                     triggerCheckbox = true;
                     changeCheckboxEvent(evnt, node);
                 }
             }
             else {
-                if (radioOpts.trigger === 'node' || (!radioOpts.showIcon && (!childList || !childList.length))) {
+                if (radioOpts.trigger === 'node' || (!showRadio && (!childList || !childList.length))) {
                     triggerRadio = true;
                     changeRadioEvent(evnt, node);
                 }
@@ -1288,10 +1349,11 @@ export default defineVxeComponent({
             return true;
         };
         const renderRadio = (node, isExistChild, nLevel, isChecked) => {
+            const { showRadio } = props;
             const radioOpts = computeRadioOpts.value;
-            const { showIcon, checkMode, checkMethod, visibleMode, visibleMethod } = radioOpts;
+            const { checkMode, checkMethod, visibleMode, visibleMethod } = radioOpts;
             const isVisible = visibleMethod ? visibleMethod({ $cascader: $xeCascader, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-            if (showIcon && isVisible) {
+            if (showRadio && isVisible) {
                 const isDisabled = checkMethod ? !checkMethod({ $cascader: $xeCascader, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
                 return h('div', {
                     class: ['vxe-tree--radio-option', {
@@ -1312,10 +1374,11 @@ export default defineVxeComponent({
             return renderEmptyElement($xeCascader);
         };
         const renderCheckbox = (node, isExistChild, nLevel, isChecked, isIndeterminate) => {
+            const { showCheckbox } = props;
             const checkboxOpts = computeCheckboxOpts.value;
-            const { showIcon, checkMode, checkMethod, visibleMode, visibleMethod } = checkboxOpts;
+            const { checkMode, checkMethod, visibleMode, visibleMethod } = checkboxOpts;
             const isVisible = visibleMethod ? visibleMethod({ $cascader: $xeCascader, node }) : handleVisibleOrCheckMode(visibleMode, isExistChild, nLevel);
-            if (showIcon && isVisible) {
+            if (showCheckbox && isVisible) {
                 const isDisabled = checkMethod ? !checkMethod({ $cascader: $xeCascader, node }) : !handleVisibleOrCheckMode(checkMode, isExistChild, nLevel);
                 return h('div', {
                     class: ['vxe-cascader--checkbox-option', {
@@ -1427,6 +1490,7 @@ export default defineVxeComponent({
         const renderVN = () => {
             const { className, modelValue, multiple, loading, filterable, showTotalButton, showCheckedButton, showClearButton, showCloseButton } = props;
             const { initialized, isActivated, isAniVisible, visiblePanel, searchValue, currentCunkList } = reactData;
+            const { listVirtualYOpts } = internalData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
             const selectLabel = computeSelectLabel.value;
@@ -1562,7 +1626,8 @@ export default defineVxeComponent({
                                                 class: 'vxe-cascader-chunk--item-wrapper'
                                             }, [
                                                 h(VxeListComponent, {
-                                                    data: chunks
+                                                    data: chunks,
+                                                    virtualYConfig: listVirtualYOpts
                                                 }, {
                                                     default(slotParams) {
                                                         const { items } = slotParams;
@@ -1612,6 +1677,7 @@ export default defineVxeComponent({
         };
         watch(() => props.modelValue, () => {
             if (!reactData.visiblePanel) {
+                updateModelChecked();
                 handleCurrentItems();
                 updateCurrentChunk();
             }

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

@@ -19,6 +19,18 @@ export function handleValueFormat(type, valueFormat) {
     }
     return 'yyyy-MM-dd';
 }
+export function handleInputFormat(type, inputFormat) {
+    if (inputFormat) {
+        return inputFormat;
+    }
+    if (type === 'time') {
+        return 'HH:mm:ss';
+    }
+    if (type === 'datetime') {
+        return 'yyyy-MM-dd HH:mm:ss';
+    }
+    return 'yyyy-MM-dd';
+}
 export function toStringTimeDate(str) {
     const rest = new Date(2e3, 0, 1);
     if (str) {

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

@@ -1,11 +1,11 @@
-import { h, Teleport, ref, computed, provide, reactive, inject, nextTick, watch, onUnmounted } from 'vue';
+import { h, Teleport, ref, computed, provide, reactive, inject, nextTick, watch, onUnmounted, onMounted } from 'vue';
 import { defineVxeComponent } from '../../ui/src/comp';
 import XEUtils from 'xe-utils';
 import { getConfig, getIcon, getI18n, commands, createEvent, globalEvents, GLOBAL_EVENT_KEYS, useSize, renderEmptyElement } from '../../ui';
 import { getFuncText, getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils';
 import { updatePanelPlacement, getEventTargetNode } from '../../ui/src/dom';
 import { getSlotVNs } from '../../ui/src/vn';
-import { parseDateObj, parseDateValue, getDateByCode, handleValueFormat, hasDateValueType, hasTimestampValueType } from '../../date-panel/src/util';
+import { parseDateObj, parseDateValue, getDateByCode, handleValueFormat, handleInputFormat, hasDateValueType, hasTimestampValueType } from '../../date-panel/src/util';
 import { errLog } from '../../ui/src/log';
 import VxeDatePanelComponent from '../../date-panel/src/date-panel';
 import VxeButtonComponent from '../../button/src/button';
@@ -72,6 +72,7 @@ export default defineVxeComponent({
         labelFormat: String,
         valueFormat: String,
         timeFormat: String,
+        inputFormat: String,
         editable: {
             type: Boolean,
             default: true
@@ -101,6 +102,7 @@ export default defineVxeComponent({
             type: Boolean,
             default: () => getConfig().datePicker.autoClose
         },
+        controlConfig: Object,
         prefixIcon: String,
         suffixIcon: String,
         placement: String,
@@ -153,7 +155,8 @@ export default defineVxeComponent({
             inputLabel: ''
         });
         const internalData = {
-            hpTimeout: undefined
+            // hpTimeout: undefined,
+            parseInputKayMaps: {}
         };
         const refElem = ref();
         const refInputTarget = ref();
@@ -269,6 +272,10 @@ export default defineVxeComponent({
             const { type, valueFormat } = props;
             return handleValueFormat(type, valueFormat);
         });
+        const computeDateInputFormat = computed(() => {
+            const { type, inputFormat } = props;
+            return handleInputFormat(type, inputFormat);
+        });
         const computeFirstDayOfWeek = computed(() => {
             const { startDay } = props;
             return XEUtils.toNumber(startDay);
@@ -289,6 +296,9 @@ export default defineVxeComponent({
                 return dateObj.label;
             }).join(', ');
         });
+        const computeControlOpts = computed(() => {
+            return Object.assign({}, getConfig().datePicker.controlConfig, props.controlConfig);
+        });
         const updateModelValue = () => {
             const { modelValue } = props;
             let val = '';
@@ -363,6 +373,9 @@ export default defineVxeComponent({
             if (!trigger || trigger === 'default') {
                 datePickerOpenEvent(evnt);
             }
+            else if (trigger === 'icon') {
+                hidePanel();
+            }
             triggerEvent(evnt);
         };
         const clickPrefixEvent = (evnt) => {
@@ -396,6 +409,31 @@ export default defineVxeComponent({
                 dispatchEvent('suffix-click', { value: inputValue }, evnt);
             }
         };
+        const handleArrowInputDate = (evnt, isUpArrow) => {
+            const { multiple } = props;
+            if (multiple) {
+                return;
+            }
+            const { inputValue } = reactData;
+            if (!inputValue) {
+                return;
+            }
+            const targetElem = refInputTarget.value;
+            if (!targetElem) {
+                return;
+            }
+            const { parseInputKayMaps } = internalData;
+            const inputFormat = computeDateInputFormat.value;
+            const selectionStart = targetElem.selectionStart || 0;
+            let selectKey = inputFormat[selectionStart];
+            if (!parseInputKayMaps[selectKey]) {
+                selectKey = inputFormat[selectionStart - 1];
+            }
+            const inputPaesrFn = parseInputKayMaps[selectKey];
+            if (inputPaesrFn) {
+                inputPaesrFn(evnt, targetElem, isUpArrow);
+            }
+        };
         const blurEvent = (evnt) => {
             const $datePanel = refDatePanel.value;
             const { inputValue } = reactData;
@@ -418,6 +456,13 @@ export default defineVxeComponent({
             }
         };
         const keydownEvent = (evnt) => {
+            const { controlConfig } = props;
+            const controlOpts = computeControlOpts.value;
+            const isUpArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP);
+            const isDwArrow = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN);
+            if ((isUpArrow || isDwArrow) && controlOpts.isArrow && (controlConfig || controlOpts.enabled)) {
+                handleArrowInputDate(evnt, isUpArrow);
+            }
             triggerEvent(evnt);
         };
         const keyupEvent = (evnt) => {
@@ -538,6 +583,9 @@ export default defineVxeComponent({
             const { panelIndex } = reactData;
             const targetElem = refInputTarget.value;
             const panelElem = refInputPanel.value;
+            if (!panelElem) {
+                return nextTick();
+            }
             const btnTransfer = computeBtnTransfer.value;
             const popupOpts = computePopupOpts.value;
             const handleStyle = () => {
@@ -585,10 +633,16 @@ export default defineVxeComponent({
             }
         };
         const clickIconEvent = (evnt) => {
+            const { visiblePanel } = reactData;
             const popupOpts = computePopupOpts.value;
             const { trigger } = popupOpts;
             if (!trigger || trigger === 'default' || trigger === 'icon') {
-                datePickerOpenEvent(evnt);
+                if (visiblePanel) {
+                    hidePanel();
+                }
+                else {
+                    datePickerOpenEvent(evnt);
+                }
             }
         };
         const clickEvent = (evnt) => {
@@ -703,6 +757,10 @@ export default defineVxeComponent({
             return renderEmptyElement($xeDatePicker);
         };
         const renderPanel = () => {
+            const popupOpts = computePopupOpts.value;
+            if (popupOpts.enabled === false) {
+                return renderEmptyElement($xeDatePicker);
+            }
             const { type, multiple, showClearButton, showConfirmButton } = props;
             const { initialized, isAniVisible, visiblePanel, panelPlacement, panelStyle, inputValue } = reactData;
             const vSize = computeSize.value;
@@ -712,7 +770,6 @@ export default defineVxeComponent({
             const isDateTimeType = computeIsDateTimeType.value;
             const shortcutList = computeShortcutList.value;
             const timeOpts = computeTimeOpts.value;
-            const popupOpts = computePopupOpts.value;
             const { position } = shortcutOpts;
             const headerSlot = slots.header;
             const footerSlot = slots.footer;
@@ -984,6 +1041,15 @@ export default defineVxeComponent({
             globalEvents.on($xeDatePicker, 'blur', handleGlobalBlurEvent);
             globalEvents.on($xeDatePicker, 'resize', handleGlobalResizeEvent);
         });
+        onMounted(() => {
+            const { parseInputKayMaps } = internalData;
+            const inputKeys = ['y', 'M', 'd', 'H', 'm', 'n'];
+            inputKeys.forEach(key => {
+                parseInputKayMaps[key] = (evnt) => {
+                    evnt.preventDefault();
+                };
+            });
+        });
         onUnmounted(() => {
             globalEvents.off($xeDatePicker, 'mousewheel');
             globalEvents.off($xeDatePicker, 'mousedown');

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

@@ -460,6 +460,9 @@ export default defineVxeComponent({
             if (!trigger || trigger === 'default') {
                 dateRangePickerOpenEvent(evnt);
             }
+            else if (trigger === 'icon') {
+                hidePanel();
+            }
             triggerEvent(evnt);
         };
         const clickPrefixEvent = (evnt) => {
@@ -771,6 +774,9 @@ export default defineVxeComponent({
             const { panelIndex } = reactData;
             const targetElem = refInputTarget.value;
             const panelElem = refInputPanel.value;
+            if (!panelElem) {
+                return nextTick();
+            }
             const btnTransfer = computeBtnTransfer.value;
             const popupOpts = computePopupOpts.value;
             const handleStyle = () => {
@@ -819,10 +825,16 @@ export default defineVxeComponent({
             }
         };
         const clickIconEvent = (evnt) => {
+            const { visiblePanel } = reactData;
             const popupOpts = computePopupOpts.value;
             const { trigger } = popupOpts;
             if (!trigger || trigger === 'default' || trigger === 'icon') {
-                dateRangePickerOpenEvent(evnt);
+                if (visiblePanel) {
+                    hidePanel();
+                }
+                else {
+                    dateRangePickerOpenEvent(evnt);
+                }
             }
         };
         const clickEvent = (evnt) => {
@@ -948,6 +960,10 @@ export default defineVxeComponent({
             return renderEmptyElement($xeDateRangePicker);
         };
         const renderPanel = () => {
+            const popupOpts = computePopupOpts.value;
+            if (popupOpts.enabled === false) {
+                return renderEmptyElement($xeDateRangePicker);
+            }
             const { type, separator, autoClose, showConfirmButton, showClearButton } = props;
             const { initialized, isAniVisible, visiblePanel, panelPlacement, panelStyle, startValue, endValue } = reactData;
             const vSize = computeSize.value;
@@ -960,7 +976,6 @@ export default defineVxeComponent({
             const defaultDates = computeDefaultDates.value;
             const defaultTimes = computeDefaultTimes.value;
             const timeOpts = computeTimeOpts.value;
-            const popupOpts = computePopupOpts.value;
             const { startLabel, endLabel } = panelLabelObj;
             const { position } = shortcutOpts;
             const headerSlot = slots.header;

package/es/form/render/index.js

@@ -281,15 +281,15 @@ function oldFormItemRadioAndCheckboxRender(renderOpts, params) {
  */
 renderer.mixin({
     input: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: nativeItemRender
     },
     textarea: {
-        formItemAutoFocus: 'textarea',
+        formItemAutoFocus: true,
         renderFormItemContent: nativeItemRender
     },
     select: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             return [
                 h('select', Object.assign(Object.assign({ class: 'vxe-default-select' }, getNativeAttrs(renderOpts)), getNativeItemOns(renderOpts, params)), renderOpts.optionGroups ? renderNativeOptgroup(renderOpts, params, renderNativeFormOptions) : renderNativeFormOptions(renderOpts.options, renderOpts, params))
@@ -297,27 +297,27 @@ renderer.mixin({
         }
     },
     VxeInput: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxeNumberInput: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxePasswordInput: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxeTextarea: {
-        formItemAutoFocus: 'textarea',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxeDatePicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent: defaultItemRender
     },
     VxeDateRangePicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { startField, endField } = renderOpts;
             const { $form, data, field } = params;
@@ -369,7 +369,7 @@ renderer.mixin({
         }
     },
     VxeSelect: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options, optionProps, optionGroups, optionGroupProps } = renderOpts;
@@ -380,7 +380,18 @@ renderer.mixin({
         }
     },
     VxeTreeSelect: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
+        renderFormItemContent(renderOpts, params) {
+            const { data, field } = params;
+            const { options, optionProps } = renderOpts;
+            const itemValue = XEUtils.get(data, field);
+            return [
+                h(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getComponentFormItemProps(renderOpts, params, itemValue, { options, optionProps })), getItemOns(renderOpts, params)))
+            ];
+        }
+    },
+    VxeCascader: {
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options, optionProps } = renderOpts;
@@ -391,7 +402,7 @@ renderer.mixin({
         }
     },
     VxeTableSelect: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options, optionProps } = renderOpts;
@@ -402,7 +413,7 @@ renderer.mixin({
         }
     },
     VxeColorPicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options } = renderOpts;
@@ -413,7 +424,7 @@ renderer.mixin({
         }
     },
     VxeIconPicker: {
-        formItemAutoFocus: 'input',
+        formItemAutoFocus: true,
         renderFormItemContent(renderOpts, params) {
             const { data, field } = params;
             const { options } = renderOpts;

package/es/form/style.css

@@ -355,7 +355,8 @@
 .vxe-form--item.is--span .vxe-select,
 .vxe-form--item.is--span .vxe-tree-select,
 .vxe-form--item.is--span .vxe-table-select,
-.vxe-form--item.is--span .vxe-ico-picker {
+.vxe-form--item.is--span .vxe-ico-picker,
+.vxe-form--item.is--span .vxe-cascader {
   width: 100%;
 }
 .vxe-form--item.is--error.show--err-msg > .vxe-form--item-content {
@@ -382,7 +383,8 @@
 .vxe-form--item.is--error .vxe-default-input,
 .vxe-form--item.is--error .vxe-default-textarea,
 .vxe-form--item.is--error .vxe-default-select,
-.vxe-form--item.is--error .vxe-ico-picker {
+.vxe-form--item.is--error .vxe-ico-picker,
+.vxe-form--item.is--error .vxe-cascader {
   border-color: var(--vxe-ui-form-validate-error-color);
 }
 .vxe-form--item.is--error .vxe-input:focus,

package/es/form/style.min.css

@@ -1 +1 @@
-.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);text-align:left}.vxe-form .vxe-row{flex-shrink:0}.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-col--inner>.vxe-form--item-col_1,.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-col--inner>.vxe-form--item-col_2,.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-col--inner>.vxe-form--item-col_3,.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-col--inner>.vxe-form--item-col_4,.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-col--inner>.vxe-form--item-col_5,.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-col--inner>.vxe-form--item-col_6,.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-col--inner>.vxe-form--item-col_7,.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-col--inner>.vxe-form--item-col_8,.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-col--inner>.vxe-form--item-col_9,.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-col--inner>.vxe-form--item-col_10,.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-col--inner>.vxe-form--item-col_11,.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-col--inner>.vxe-form--item-col_12,.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-col--inner>.vxe-form--item-col_13,.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-col--inner>.vxe-form--item-col_14,.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-col--inner>.vxe-form--item-col_15,.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-col--inner>.vxe-form--item-col_16,.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-col--inner>.vxe-form--item-col_17,.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-col--inner>.vxe-form--item-col_18,.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-col--inner>.vxe-form--item-col_19,.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-col--inner>.vxe-form--item-col_20,.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-col--inner>.vxe-form--item-col_21,.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-col--inner>.vxe-form--item-col_22,.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-col--inner>.vxe-form--item-col_23,.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-col--inner>.vxe-form--item-col_24,.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-inner,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;align-items:center;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix,.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-tip-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-tip-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{display:inline-flex;flex-direction:row;vertical-align:middle}.vxe-form--item-title{flex-shrink:0}.vxe-form--item-content{display:flex;flex-direction:row;position:relative;flex-grow:1;word-break:break-all}.vxe-form--item-content:not(.vxe-form--group-content){align-items:center}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form-item--valid-error-tip{position:absolute;width:100%;font-size:.9em;line-height:1em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-wrapper{display:inline-block;border-radius:var(--vxe-ui-base-border-radius);pointer-events:auto}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify{padding:.15em .6em .2em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-normal{color:var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item-inner{position:relative;width:100%}.vxe-form-item--valid-error-icon-wrapper{visibility:hidden;position:relative;flex-shrink:0;padding-left:.5em;color:var(--vxe-ui-form-validate-error-color)}.vxe-form-item--valid-error-icon-wrapper.is--hide .vxe-form-item--valid-error-icon-msg-tip{width:0;padding:0}.vxe-form-item--valid-error-icon-btn{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:6;cursor:help}.vxe-form-item--valid-error-icon-msg-tip{position:absolute;top:50%;right:.8em;display:block;max-width:24em;padding:.4em;overflow:hidden;z-index:5;transform:translateY(-50%)}.vxe-form-item--valid-error-icon-msg{border-radius:var(--vxe-ui-base-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:2px 2px 4px -2px rgba(0,0,0,.5)}.vxe-form-item--valid-error-icon-theme-beautify{padding:.15em .6em .2em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-icon-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-icon-theme-normal{padding:0 .6em;color:var(--vxe-ui-table-validate-error-color);border:1px solid var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form--item.is--bold>.vxe-form--item-title{font-weight:700}.vxe-form--item.is--colon>.vxe-form--item-title .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required>.vxe-form--item-title .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--tbg>.vxe-form--item-title{background-color:var(--vxe-ui-form-title-background-color)}.vxe-form--item.is--vertical{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical>.vxe-form--item-title{height:2.5em;line-height:2.3em;padding-right:0;max-width:none}.vxe-form--item.is--vertical>.vxe-form--item-title .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-date-picker,.vxe-form--item.is--span .vxe-date-range-picker,.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-ico-picker,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-number-input,.vxe-form--item.is--span .vxe-password-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-table-select,.vxe-form--item.is--span .vxe-textarea,.vxe-form--item.is--span .vxe-tree-select{width:100%}.vxe-form--item.is--error.show--err-msg>.vxe-form--item-content{padding-top:0;padding-bottom:1.3em}.vxe-form--item.is--error.err--bg>.vxe-form--item-content{background-color:var(--vxe-ui-form-validate-error-item-background-color)}.vxe-form--item.is--error>.vxe-form--item-content>.vxe-form-item--valid-error-icon-wrapper{visibility:visible}.vxe-form--item.is--error .vxe-date-picker,.vxe-form--item.is--error .vxe-date-range-picker,.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-ico-picker,.vxe-form--item.is--error .vxe-input,.vxe-form--item.is--error .vxe-number-input,.vxe-form--item.is--error .vxe-password-input,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-table-select,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-tree-select,.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn>.vxe-button,.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-date-picker:focus,.vxe-form--item.is--error .vxe-date-range-picker:focus,.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input:focus,.vxe-form--item.is--error .vxe-number-input:focus,.vxe-form--item.is--error .vxe-password-input:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form-item--valid-error-tip{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-default) * 2);padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form.is--border{position:relative;overflow:hidden}.vxe-form.is--border::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--vxe-ui-form-border-color);pointer-events:none;z-index:1}.vxe-form.is--border .vxe-form--item{position:relative;padding:0}.vxe-form.is--border .vxe-form--item::before{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);border:1px solid var(--vxe-ui-form-border-color);pointer-events:none}.vxe-form.is--border .vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{border-bottom:1px solid var(--vxe-ui-form-border-color)}.vxe-form.is--border .vxe-form--item.is--padding:not(.is--vertical)>.vxe-form--item-title{border-right:1px solid var(--vxe-ui-form-border-color)}.vxe-form .vxe-form--item.hide--content>.vxe-form--item-title{max-width:none;flex-shrink:unset;flex-grow:1}.vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.size--medium.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--small.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--mini.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.is--padding>.vxe-form--group-content.vxe-form--item-content{padding:0}.vxe-form .vxe-form--item-title.align--center{text-align:center}.vxe-form .vxe-form--item-title.align--left{text-align:left}.vxe-form .vxe-form--item-title.align--right{text-align:right}.vxe-form .vxe-form--item-content.align--center>.vxe-form--item-inner{text-align:center}.vxe-form .vxe-form--item-content.align--left>.vxe-form--item-inner{text-align:left}.vxe-form .vxe-form--item-content.align--right>.vxe-form--item-inner{text-align:right}.vxe-form .vxe-form--item-content.vertical-align--center{align-items:center}.vxe-form .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-ui-button-height-medium)}.vxe-form.size--medium .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-medium) * 2)}.vxe-form.size--medium .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-ui-button-height-small)}.vxe-form.size--small .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-small) * 2)}.vxe-form.size--small .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-ui-button-height-mini)}.vxe-form.size--mini .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-mini) * 2)}.vxe-form.size--mini .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-mini)}
+.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);text-align:left}.vxe-form .vxe-row{flex-shrink:0}.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-col--inner>.vxe-form--item-col_1,.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-col--inner>.vxe-form--item-col_2,.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-col--inner>.vxe-form--item-col_3,.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-col--inner>.vxe-form--item-col_4,.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-col--inner>.vxe-form--item-col_5,.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-col--inner>.vxe-form--item-col_6,.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-col--inner>.vxe-form--item-col_7,.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-col--inner>.vxe-form--item-col_8,.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-col--inner>.vxe-form--item-col_9,.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-col--inner>.vxe-form--item-col_10,.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-col--inner>.vxe-form--item-col_11,.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-col--inner>.vxe-form--item-col_12,.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-col--inner>.vxe-form--item-col_13,.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-col--inner>.vxe-form--item-col_14,.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-col--inner>.vxe-form--item-col_15,.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-col--inner>.vxe-form--item-col_16,.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-col--inner>.vxe-form--item-col_17,.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-col--inner>.vxe-form--item-col_18,.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-col--inner>.vxe-form--item-col_19,.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-col--inner>.vxe-form--item-col_20,.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-col--inner>.vxe-form--item-col_21,.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-col--inner>.vxe-form--item-col_22,.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-col--inner>.vxe-form--item-col_23,.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-col--inner>.vxe-form--item-col_24,.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-inner,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;align-items:center;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix,.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-tip-prefix,.vxe-form--item-title .vxe-form--item-title-tip-suffix{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-tip-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-tip-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{display:inline-flex;flex-direction:row;vertical-align:middle}.vxe-form--item-title{flex-shrink:0}.vxe-form--item-content{display:flex;flex-direction:row;position:relative;flex-grow:1;word-break:break-all}.vxe-form--item-content:not(.vxe-form--group-content){align-items:center}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form-item--valid-error-tip{position:absolute;width:100%;font-size:.9em;line-height:1em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-wrapper{display:inline-block;border-radius:var(--vxe-ui-base-border-radius);pointer-events:auto}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify{padding:.15em .6em .2em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-normal{color:var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item-inner{position:relative;width:100%}.vxe-form-item--valid-error-icon-wrapper{visibility:hidden;position:relative;flex-shrink:0;padding-left:.5em;color:var(--vxe-ui-form-validate-error-color)}.vxe-form-item--valid-error-icon-wrapper.is--hide .vxe-form-item--valid-error-icon-msg-tip{width:0;padding:0}.vxe-form-item--valid-error-icon-btn{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:6;cursor:help}.vxe-form-item--valid-error-icon-msg-tip{position:absolute;top:50%;right:.8em;display:block;max-width:24em;padding:.4em;overflow:hidden;z-index:5;transform:translateY(-50%)}.vxe-form-item--valid-error-icon-msg{border-radius:var(--vxe-ui-base-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:2px 2px 4px -2px rgba(0,0,0,.5)}.vxe-form-item--valid-error-icon-theme-beautify{padding:.15em .6em .2em .6em;color:#fff;background-color:var(--vxe-ui-status-error-color)}.vxe-form-item--valid-error-icon-theme-beautify .vxe-form-item--valid-error-msg{background:0 0}.vxe-form-item--valid-error-icon-theme-normal{padding:0 .6em;color:var(--vxe-ui-table-validate-error-color);border:1px solid var(--vxe-ui-table-validate-error-color);background-color:var(--vxe-ui-form-validate-error-theme-normal-background-color)}.vxe-form--item.is--bold>.vxe-form--item-title{font-weight:700}.vxe-form--item.is--colon>.vxe-form--item-title .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required>.vxe-form--item-title .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--tbg>.vxe-form--item-title{background-color:var(--vxe-ui-form-title-background-color)}.vxe-form--item.is--vertical{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical>.vxe-form--item-title{height:2.5em;line-height:2.3em;padding-right:0;max-width:none}.vxe-form--item.is--vertical>.vxe-form--item-title .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-cascader,.vxe-form--item.is--span .vxe-date-picker,.vxe-form--item.is--span .vxe-date-range-picker,.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-ico-picker,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-number-input,.vxe-form--item.is--span .vxe-password-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-table-select,.vxe-form--item.is--span .vxe-textarea,.vxe-form--item.is--span .vxe-tree-select{width:100%}.vxe-form--item.is--error.show--err-msg>.vxe-form--item-content{padding-top:0;padding-bottom:1.3em}.vxe-form--item.is--error.err--bg>.vxe-form--item-content{background-color:var(--vxe-ui-form-validate-error-item-background-color)}.vxe-form--item.is--error>.vxe-form--item-content>.vxe-form-item--valid-error-icon-wrapper{visibility:visible}.vxe-form--item.is--error .vxe-cascader,.vxe-form--item.is--error .vxe-date-picker,.vxe-form--item.is--error .vxe-date-range-picker,.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-ico-picker,.vxe-form--item.is--error .vxe-input,.vxe-form--item.is--error .vxe-number-input,.vxe-form--item.is--error .vxe-password-input,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-table-select,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-tree-select,.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn>.vxe-button,.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-date-picker:focus,.vxe-form--item.is--error .vxe-date-range-picker:focus,.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input:focus,.vxe-form--item.is--error .vxe-number-input:focus,.vxe-form--item.is--error .vxe-password-input:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form-item--valid-error-tip{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-default) * 2);padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form.is--border{position:relative;overflow:hidden}.vxe-form.is--border::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--vxe-ui-form-border-color);pointer-events:none;z-index:1}.vxe-form.is--border .vxe-form--item{position:relative;padding:0}.vxe-form.is--border .vxe-form--item::before{content:"";position:absolute;top:-1px;left:-1px;width:calc(100% + 1px);height:calc(100% + 1px);border:1px solid var(--vxe-ui-form-border-color);pointer-events:none}.vxe-form.is--border .vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{border-bottom:1px solid var(--vxe-ui-form-border-color)}.vxe-form.is--border .vxe-form--item.is--padding:not(.is--vertical)>.vxe-form--item-title{border-right:1px solid var(--vxe-ui-form-border-color)}.vxe-form .vxe-form--item.hide--content>.vxe-form--item-title{max-width:none;flex-shrink:unset;flex-grow:1}.vxe-form--item.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-default)}.vxe-form--item.size--medium.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--medium.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-medium)}.vxe-form--item.size--small.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--small.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-small)}.vxe-form--item.size--mini.is--padding.is--vertical>.vxe-form--item-title{padding:0 var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.size--mini.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-item-padding-mini)}.vxe-form--item.is--padding>.vxe-form--group-content.vxe-form--item-content{padding:0}.vxe-form .vxe-form--item-title.align--center{text-align:center}.vxe-form .vxe-form--item-title.align--left{text-align:left}.vxe-form .vxe-form--item-title.align--right{text-align:right}.vxe-form .vxe-form--item-content.align--center>.vxe-form--item-inner{text-align:center}.vxe-form .vxe-form--item-content.align--left>.vxe-form--item-inner{text-align:left}.vxe-form .vxe-form--item-content.align--right>.vxe-form--item-inner{text-align:right}.vxe-form .vxe-form--item-content.vertical-align--center{align-items:center}.vxe-form .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-ui-button-height-medium)}.vxe-form.size--medium .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-medium) * 2)}.vxe-form.size--medium .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-ui-button-height-small)}.vxe-form.size--small .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-small) * 2)}.vxe-form.size--small .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-ui-button-height-mini)}.vxe-form.size--mini .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-mini) * 2)}.vxe-form.size--mini .vxe-form--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-item-min-height-mini)}