vxe-pc-ui 4.16.21 → 4.16.23

package/es/color-picker/index.js

@@ -1,6 +1,7 @@
 import { VxeUI } from '@vxe-ui/core';
 import VxeColorPickerComponent from './src/color-picker';
 import { dynamicApp } from '../dynamics';
+import { parseColor, hasRgb, hasHex, toRgb, toHex, toHsl, toHsv, toRgbString, toHexString, lighten, darken } from './src/util';
 export const VxeColorPicker = Object.assign({}, VxeColorPickerComponent, {
     install(app) {
         app.component(VxeColorPickerComponent.name, VxeColorPickerComponent);
@@ -8,5 +9,18 @@ export const VxeColorPicker = Object.assign({}, VxeColorPickerComponent, {
 });
 dynamicApp.use(VxeColorPicker);
 VxeUI.component(VxeColorPickerComponent);
+VxeUI.color = {
+    parseColor,
+    hasRgb,
+    hasHex,
+    toRgb,
+    toRgbString,
+    toHex,
+    toHexString,
+    toHsl,
+    toHsv,
+    lighten,
+    darken
+};
 export const ColorPicker = VxeColorPicker;
 export default VxeColorPicker;

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

@@ -4,7 +4,7 @@ import XEUtils from 'xe-utils';
 import { VxeUI, getIcon, getConfig, getI18n, globalEvents, createEvent, useSize, renderEmptyElement } from '../../ui';
 import { getEventTargetNode, getPopupContainer, toCssUnit, updatePanelPlacement } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex } from '../../ui/src/utils';
-import { parseColor, updateColorAlpha, hexToHsv, rgbToHsv, rgbToHex, hexToRgb, hsvToRgb, toRgb } from './util';
+import { parseValColor, updateColorAlpha, hexToHsv, rgbToHsv, rgbToHexVal, hexToRgb, hsvToRgb, toValRgb } from './util';
 import VxeButtonComponent from '../../button';
 import VxeInputComponent from '../../input';
 import VxeNumberInputComponent from '../../number-input';
@@ -77,6 +77,7 @@ export default defineVxeComponent({
         const $xeModal = inject('$xeModal', null);
         const $xeDrawer = inject('$xeDrawer', null);
         const $xeTable = inject('$xeTable', null);
+        const $xeCard = inject('$xeCard', null);
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const WinEyeDropper = typeof window !== 'undefined' ? window.EyeDropper : null;
@@ -143,7 +144,7 @@ export default defineVxeComponent({
                 if (XEUtils.isBoolean(globalTransfer)) {
                     return globalTransfer;
                 }
-                if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+                if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
                     return true;
                 }
             }
@@ -212,32 +213,43 @@ export default defineVxeComponent({
             const isRgb = computeIsRgb.value;
             const hueSliderEl = refHueSliderElem.value;
             const alphaSliderEl = refAlphaSliderElem.value;
-            const colorRest = parseColor(selectColor);
-            reactData.hexValue = colorRest.hex;
-            reactData.rValue = colorRest.r;
-            reactData.gValue = colorRest.g;
-            reactData.bValue = colorRest.b;
-            reactData.aValue = colorRest.a;
-            if (colorRest.value) {
-                if (isRgb) {
-                    if (colorRest.type === 'hex') {
-                        const rgbRest = hexToRgb(colorRest.hex);
-                        if (rgbRest) {
-                            reactData.rValue = rgbRest.r;
-                            reactData.gValue = rgbRest.g;
-                            reactData.bValue = rgbRest.b;
-                            reactData.aValue = rgbRest.a;
-                        }
-                    }
+            const colorRest = parseValColor(selectColor);
+            reactData.hexValue = '';
+            reactData.rValue = 0;
+            reactData.gValue = 0;
+            reactData.bValue = 0;
+            reactData.aValue = 1;
+            if (colorRest) {
+                if (colorRest.type === 'hex') {
+                    reactData.hexValue = colorRest.hex;
                 }
                 else {
-                    if (colorRest.type !== 'hex') {
-                        reactData.hexValue = rgbToHex(colorRest);
+                    reactData.rValue = colorRest.r;
+                    reactData.gValue = colorRest.g;
+                    reactData.bValue = colorRest.b;
+                    reactData.aValue = colorRest.a;
+                }
+                if (colorRest.value) {
+                    if (isRgb) {
+                        if (colorRest.type === 'hex') {
+                            const rgbRest = hexToRgb(colorRest.hex);
+                            if (rgbRest) {
+                                reactData.rValue = rgbRest.r;
+                                reactData.gValue = rgbRest.g;
+                                reactData.bValue = rgbRest.b;
+                                reactData.aValue = rgbRest.a;
+                            }
+                        }
+                    }
+                    else {
+                        if (colorRest.type !== 'hex') {
+                            reactData.hexValue = rgbToHexVal(colorRest.r, colorRest.g, colorRest.b, colorRest.a);
+                        }
                     }
                 }
             }
             if (isAniVisible) {
-                const hsvRest = colorRest.type === 'hex' ? hexToHsv(colorRest.hex) : rgbToHsv(colorRest);
+                const hsvRest = colorRest ? (colorRest.type === 'hex' ? hexToHsv(colorRest.hex) : rgbToHsv(colorRest)) : null;
                 const colorPanelEl = refColorPanelElem.value;
                 if (hsvRest) {
                     if (colorPanelEl) {
@@ -250,7 +262,7 @@ export default defineVxeComponent({
                     }
                 }
                 if (alphaSliderEl) {
-                    handleAlphaColor(alphaSliderEl.clientWidth * colorRest.a);
+                    handleAlphaColor(alphaSliderEl.clientWidth * reactData.aValue);
                 }
             }
         };
@@ -413,7 +425,7 @@ export default defineVxeComponent({
                         gNum = itemNum - offsetNum;
                         break;
                 }
-                reactData.panelColor = toRgb(rNum, gNum, bNum);
+                reactData.panelColor = toValRgb(rNum, gNum, bNum);
                 hueSliderBtnEl.style.left = toCssUnit(offsetLeft);
             }
         };
@@ -483,7 +495,7 @@ export default defineVxeComponent({
         };
         const handleInputRgbEvent = () => {
             const { rValue, gValue, bValue, aValue } = reactData;
-            reactData.selectColor = toRgb(rValue, gValue, bValue, aValue);
+            reactData.selectColor = toValRgb(rValue, gValue, bValue, aValue);
             updateModelColor();
         };
         const handleInputAlphaEvent = () => {
@@ -534,12 +546,12 @@ export default defineVxeComponent({
                 const colorPanelRect = colorPanelEl.getBoundingClientRect();
                 const offsetTop = Math.min(clientHeight, Math.max(0, clientY - colorPanelRect.y));
                 const offsetLeft = Math.min(clientWidth, Math.max(0, clientX - colorPanelRect.x));
-                const colorRest = parseColor(panelColor);
+                const colorRest = parseValColor(panelColor);
                 if (colorRest) {
                     const hsvRest = colorRest.type === 'hex' ? hexToHsv(colorRest.hex) : rgbToHsv(colorRest);
                     if (hsvRest) {
                         const ragRest = hsvToRgb(hsvRest.h, offsetLeft / clientWidth, (1 - offsetTop / clientHeight));
-                        reactData.selectColor = toRgb(ragRest.r, ragRest.g, ragRest.b, showAlpha ? aValue : null);
+                        reactData.selectColor = toValRgb(ragRest.r, ragRest.g, ragRest.b, showAlpha ? aValue : null);
                         updateModelColor();
                     }
                 }
@@ -875,7 +887,7 @@ export default defineVxeComponent({
                                         reactData.hexValue = val;
                                     },
                                     onChange() {
-                                        const colorRest = parseColor(reactData.hexValue);
+                                        const colorRest = parseValColor(reactData.hexValue);
                                         if (colorRest) {
                                             if (colorRest.value) {
                                                 reactData.selectColor = colorRest.value;

package/es/color-picker/src/util.js

@@ -8,13 +8,142 @@ const hexAlphaNumMaps = {};
 });
 const rgbRE = /^rgb(a?)\((\d{1,3})[,\s]+(\d{1,3})[,\s]+(\d{1,3})([,//\s]+([0-9.]{1,4})(%?))?\)$/;
 export function hasRgb(value) {
-    return value && rgbRE.test(value);
+    return !!(value && rgbRE.test(value));
 }
 const hexRE = /^(#?)([0-9A-Fa-f]{6})([0-9A-Fa-f]{2})?$/;
 export function hasHex(value) {
-    return value && hexRE.test(value);
+    return !!(value && hexRE.test(value));
 }
-export function parseColor(value) {
+export function toRgb(value) {
+    if (value) {
+        if (hexRE.test(value)) {
+            return hexToRgb(value);
+        }
+        return parseRgbVal(value);
+    }
+    return null;
+}
+export function toRgbString(value) {
+    const rgbRest = toRgb(value);
+    if (rgbRest) {
+        return rgbRest.label;
+    }
+    return '';
+}
+export function toHex(value) {
+    if (value) {
+        if (rgbRE.test(value)) {
+            return rgbValToHex(value);
+        }
+        return parseHexVal(value);
+    }
+    return null;
+}
+export function toHexString(value) {
+    const hexRest = toHex(value);
+    if (hexRest) {
+        return hexRest.label;
+    }
+    return '';
+}
+export function toHsl(value) {
+    const rgbRest = toRgb(value);
+    if (rgbRest) {
+        const hslRest = rgbToHsl(rgbRest);
+        if (hslRest) {
+            const rest = Object.assign({ value, type: 'hsl' }, hslRest);
+            return rest;
+        }
+    }
+    return null;
+}
+export function toHsv(value) {
+    const rgbRest = toRgb(value);
+    if (rgbRest) {
+        const hslRest = rgbToHsv(rgbRest);
+        if (hslRest) {
+            const rest = Object.assign({ value, type: 'hsv' }, hslRest);
+            return rest;
+        }
+    }
+    return null;
+}
+export function parseColor(val, format) {
+    if (val) {
+        if (format === 'hex') {
+            return toHex(val);
+        }
+        if (format === 'hsl') {
+            return toHsl(val);
+        }
+        if (format === 'hsv') {
+            return toHsv(val);
+        }
+        return toRgb(val);
+    }
+    return null;
+}
+function handleNumClamp(val) {
+    return Math.min(1, Math.max(0, val));
+}
+function createLightenDarken(isAdd) {
+    return function (val, ratio) {
+        const colorRest = parseColor(val);
+        const hslRest = toHsl(val);
+        if (colorRest && hslRest) {
+            ratio = ratio === 0 ? 0 : ratio || 10;
+            hslRest.l += (isAdd ? ratio : -ratio) / 100;
+            hslRest.l = handleNumClamp(hslRest.l);
+            const rgbRest = hslToRgb(hslRest);
+            if (rgbRest) {
+                if ((colorRest === null || colorRest === void 0 ? void 0 : colorRest.type) === 'hex') {
+                    return rgbToHexVal(rgbRest.r, rgbRest.g, rgbRest.b, hslRest.a);
+                }
+                return toValRgb(rgbRest.r, rgbRest.g, rgbRest.b, hslRest.a);
+            }
+        }
+        return val;
+    };
+}
+export const lighten = createLightenDarken(1);
+export const darken = createLightenDarken(0);
+function parseHexVal(value) {
+    if (value) {
+        const hexRest = value.match(hexRE);
+        if (hexRest) {
+            const rest = {
+                value,
+                label: value,
+                type: 'hex',
+                hex: value,
+                hexV: hexRest[2],
+                hexA: hexRest[3] || '',
+                a: (hexRest[3] ? hexAlphaKeyMaps[hexRest[3].toUpperCase()] : 1) || 1
+            };
+            return rest;
+        }
+    }
+    return null;
+}
+function parseRgbVal(value) {
+    if (value) {
+        const rgbRest = value.match(rgbRE);
+        if (rgbRest) {
+            const rest = {
+                value,
+                label: value,
+                type: (rgbRest[6] ? 'rgba' : 'rgb'),
+                r: parseInt(rgbRest[2]),
+                g: parseInt(rgbRest[3]),
+                b: parseInt(rgbRest[4]),
+                a: rgbRest[7] ? parseInt(rgbRest[6]) / 100 : (rgbRest[6] ? parseFloat(rgbRest[6]) : 1)
+            };
+            return rest;
+        }
+    }
+    return null;
+}
+export function parseValColor(value) {
     const rest = {
         value: '',
         type: '',
@@ -27,49 +156,44 @@ export function parseColor(value) {
         a: 1
     };
     if (value) {
-        const hexRest = value.match(hexRE);
-        if (hexRest) {
-            rest.value = value;
-            rest.type = 'hex';
-            rest.hex = value;
-            rest.hexV = hexRest[2];
-            rest.hexA = hexRest[3] || '';
-            rest.a = (hexRest[3] ? hexAlphaKeyMaps[hexRest[3].toUpperCase()] : 1) || 1;
+        if (hexRE.test(value)) {
+            return Object.assign(rest, parseHexVal(value));
         }
-        const rgbRest = value.match(rgbRE);
-        if (rgbRest) {
-            rest.value = value;
-            rest.type = rgbRest[6] ? 'rgba' : 'rgb';
-            rest.r = parseInt(rgbRest[2]);
-            rest.g = parseInt(rgbRest[3]);
-            rest.b = parseInt(rgbRest[4]);
-            rest.a = rgbRest[7] ? parseInt(rgbRest[6]) / 100 : (rgbRest[6] ? parseFloat(rgbRest[6]) : 1);
+        else if (rgbRE.test(value)) {
+            return Object.assign(rest, parseRgbVal(value));
         }
     }
     return rest;
 }
 export function updateColorAlpha(value, alpha = 1) {
-    const colorRest = parseColor(value);
-    const { type, hexV, r, g, b } = colorRest;
-    if (type === 'rgb' || type === 'rgba') {
-        return toRgb(r, g, b, alpha);
-    }
-    if (type === 'hex') {
-        return `#${hexV}${alpha === 1 ? '' : (hexAlphaNumMaps[alpha] || '')}`;
+    const colorRest = parseValColor(value);
+    if (colorRest) {
+        const { type } = colorRest;
+        if (type === 'hex') {
+            return `#${colorRest.hexV}${alpha === 1 ? '' : (hexAlphaNumMaps[alpha] || '')}`;
+        }
+        return toValRgb(colorRest.r, colorRest.g, colorRest.b, alpha);
     }
     return '';
 }
-export function toRgb(r, g, b, a) {
-    if (XEUtils.eqNull(a)) {
+export function toValRgb(r, g, b, a) {
+    if (XEUtils.eqNull(a) || a === 1) {
         return `rgb(${r},${g},${b})`;
     }
     return `rgba(${r},${g},${b},${a})`;
 }
-export function rgbToHex(rgbRest) {
-    if (!rgbRest) {
-        return '';
+function rgbValToHex(value) {
+    const rgbRest = parseRgbVal(value);
+    if (rgbRest) {
+        const hexVal = rgbToHexVal(rgbRest.r, rgbRest.g, rgbRest.b, rgbRest.a);
+        if (hexVal) {
+            return parseHexVal(hexVal);
+        }
     }
-    const { r, g, b, a = 1 } = rgbRest;
+    return null;
+}
+export function rgbToHexVal(r, g, b, a) {
+    a = XEUtils.isNumber(a) ? a : 1;
     const hexR = r.toString(16).padStart(2, '0');
     const hexG = g.toString(16).padStart(2, '0');
     const hexB = b.toString(16).padStart(2, '0');
@@ -120,6 +244,91 @@ export function rgbToHsv(rgbRest) {
         v: XEUtils.round(val, 2)
     };
 }
+function rgbToHsl(rgbRest) {
+    if (!rgbRest) {
+        return null;
+    }
+    const { r, g, b, a } = rgbRest;
+    const rNorm = r / 255;
+    const gNorm = g / 255;
+    const bNorm = b / 255;
+    const max = Math.max(rNorm, gNorm, bNorm);
+    const min = Math.min(rNorm, gNorm, bNorm);
+    const delta = max - min;
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (delta !== 0) {
+        s = l > 0.5 ? delta / (2 - max - min) : delta / (max + min);
+        if (max === rNorm) {
+            h = ((gNorm - bNorm) / delta) % 6;
+        }
+        else if (max === gNorm) {
+            h = (bNorm - rNorm) / delta + 2;
+        }
+        else {
+            h = (rNorm - gNorm) / delta + 4;
+        }
+        h *= 60;
+        if (h < 0) {
+            h += 360;
+        }
+    }
+    return {
+        h,
+        s,
+        l,
+        a: XEUtils.isNumber(a) ? a : 1
+    };
+}
+function hslToRgb(slRest) {
+    if (!slRest) {
+        return null;
+    }
+    let { h, s, l } = slRest;
+    const sNorm = s;
+    const lNorm = l;
+    h = ((h % 360) + 360) % 360;
+    const c = (1 - Math.abs(2 * lNorm - 1)) * sNorm;
+    const x = c * (1 - Math.abs((h / 60) % 2 - 1));
+    const m = lNorm - c / 2;
+    let r, g, b;
+    if (h >= 0 && h < 60) {
+        r = c;
+        g = x;
+        b = 0;
+    }
+    else if (h >= 60 && h < 120) {
+        r = x;
+        g = c;
+        b = 0;
+    }
+    else if (h >= 120 && h < 180) {
+        r = 0;
+        g = c;
+        b = x;
+    }
+    else if (h >= 180 && h < 240) {
+        r = 0;
+        g = x;
+        b = c;
+    }
+    else if (h >= 240 && h < 300) {
+        r = x;
+        g = 0;
+        b = c;
+    }
+    else {
+        r = c;
+        g = 0;
+        b = x;
+    }
+    return {
+        r: Math.round((r + m) * 255),
+        g: Math.round((g + m) * 255),
+        b: Math.round((b + m) * 255)
+    };
+}
 export function hsvToRgb(h, s, v) {
     let r = 0;
     let g = 0;
@@ -178,11 +387,18 @@ export function hexToRgb(str) {
     if (str) {
         const rests = str.match(/^(#?)([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})?$/);
         if (rests) {
+            const r = parseInt(rests[2], 16);
+            const g = parseInt(rests[3], 16);
+            const b = parseInt(rests[4], 16);
+            const a = (rests[5] ? hexAlphaKeyMaps[rests[5].toUpperCase()] : 1) || 1;
             return {
-                r: parseInt(rests[2], 16),
-                g: parseInt(rests[3], 16),
-                b: parseInt(rests[4], 16),
-                a: (rests[5] ? hexAlphaKeyMaps[rests[5].toUpperCase()] : 1) || 1
+                value: str,
+                label: toValRgb(r, g, b, rests[5] ? a : null),
+                type: (rests[5] ? 'rgba' : 'rgb'),
+                r,
+                g,
+                b,
+                a
             };
         }
     }

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

@@ -167,6 +167,7 @@ export default defineVxeComponent({
         const $xeModal = inject('$xeModal', null);
         const $xeDrawer = inject('$xeDrawer', null);
         const $xeTable = inject('$xeTable', null);
+        const $xeCard = inject('$xeCard', null);
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
@@ -201,7 +202,7 @@ export default defineVxeComponent({
                 if (XEUtils.isBoolean(globalTransfer)) {
                     return globalTransfer;
                 }
-                if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+                if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
                     return true;
                 }
             }

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

@@ -164,6 +164,7 @@ export default defineVxeComponent({
         const $xeModal = inject('$xeModal', null);
         const $xeDrawer = inject('$xeDrawer', null);
         const $xeTable = inject('$xeTable', null);
+        const $xeCard = inject('$xeCard', null);
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
@@ -200,7 +201,7 @@ export default defineVxeComponent({
                 if (XEUtils.isBoolean(globalTransfer)) {
                     return globalTransfer;
                 }
-                if ($xeTable || $xeModal || $xeDrawer || $xeForm) {
+                if ($xeTable || $xeModal || $xeDrawer || $xeCard || $xeForm) {
                     return true;
                 }
             }

package/es/form/style.css

@@ -245,7 +245,7 @@
 .vxe-form-item--valid-error-tip {
   position: absolute;
   width: 100%;
-  font-size: 0.9em;
+  font-size: var(--vxe-ui-form-validate-error-font-size, var(--vxe-ui-form-current-font-size));
   line-height: 1em;
   color: var(--vxe-ui-form-validate-error-color);
   background-color: var(--vxe-ui-form-validate-error-background-color);
@@ -261,7 +261,7 @@
   pointer-events: auto;
 }
 .vxe-form-item--valid-error-tip .vxe-form-item--valid-error-theme-beautify {
-  padding: 0.15em 0.6em 0.2em 0.6em;
+  padding: var(--vxe-ui-form-validate-error-padding, 0.2em 0.6em);
   color: #fff;
   background-color: var(--vxe-ui-status-error-color);
 }

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{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-default);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form.size--xlarge{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-xlarge);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-xlarge);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-xlarge)}.vxe-form.size--large{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-large);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-large);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-large)}.vxe-form.size--medium{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-medium);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-medium);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-medium)}.vxe-form.size--small{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-small);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-small);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-small)}.vxe-form.size--mini{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-mini);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-mini);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-mini)}.vxe-form{position:relative;font-size:var(--vxe-ui-form-current-font-size);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-current-padding)}.vxe-form--item.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-current-padding)}.vxe-form--item.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-current-padding)}.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--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-current-item-min-height)}.vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-current-item-min-height)}.vxe-form--item.is--padding>.vxe-form--group-content.vxe-form--item-content{padding:0}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-form-current-button-height) - 2px)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-form-current-button-height)}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-form-current-button-height) * 2)}
+.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{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-default);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form.size--xlarge{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-xlarge);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-xlarge);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-xlarge);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-xlarge)}.vxe-form.size--large{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-large);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-large);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-large);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-large)}.vxe-form.size--medium{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-medium);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-medium);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-medium)}.vxe-form.size--small{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-small);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-small);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-small)}.vxe-form.size--mini{--vxe-ui-form-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-form-current-padding:var(--vxe-ui-form-item-padding-mini);--vxe-ui-form-current-item-min-height:var(--vxe-ui-form-item-min-height-mini);--vxe-ui-form-current-button-height:var(--vxe-ui-button-height-mini)}.vxe-form{position:relative;font-size:var(--vxe-ui-form-current-font-size);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:var(--vxe-ui-form-validate-error-font-size,var(--vxe-ui-form-current-font-size));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:var(--vxe-ui-form-validate-error-padding,.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-current-padding)}.vxe-form--item.is--padding>.vxe-form--item-title{padding:var(--vxe-ui-form-current-padding)}.vxe-form--item.is--padding>.vxe-form--item-content{padding:var(--vxe-ui-form-current-padding)}.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--item:not(.is--vertical) .vxe-form--item-title{min-height:var(--vxe-ui-form-current-item-min-height)}.vxe-form--item .vxe-form--item-content{min-height:var(--vxe-ui-form-current-item-min-height)}.vxe-form--item.is--padding>.vxe-form--group-content.vxe-form--item-content{padding:0}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-form-current-button-height) - 2px)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-form-current-button-height)}.vxe-form--item .vxe-default-textarea{height:calc(var(--vxe-ui-form-current-button-height) * 2)}