vxe-pc-ui 4.11.27 → 4.11.28

package/es/ui/index.js

@@ -1,7 +1,7 @@
 import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
 import { dynamicApp } from '../dynamics';
 import { warnLog } from './src/log';
-export const version = "4.11.27";
+export const version = "4.11.28";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 export function config(options) {

package/es/ui/src/log.js

@@ -1,4 +1,4 @@
 import { log } from '@vxe-ui/core';
-const version = `ui v${"4.11.27"}`;
+const version = `ui v${"4.11.28"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/es/vxe-form/style.css

@@ -209,7 +209,7 @@
 }
 .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-table-validate-error-background-color);
+  background-color: var(--vxe-ui-form-validate-error-theme-normal-background-color);
 }
 
 .vxe-form .vxe-form--wrapper {
@@ -283,7 +283,7 @@
   padding: 0 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-table-validate-error-background-color);
+  background-color: var(--vxe-ui-form-validate-error-theme-normal-background-color);
 }
 
 .vxe-form--item.is--padding > .vxe-form--group-content {
@@ -340,6 +340,9 @@
   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;
 }

package/es/vxe-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-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.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:.2em .6em .25em .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-table-validate-error-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:.2em .6em .25em .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-table-validate-error-background-color)}.vxe-form--item.is--padding>.vxe-form--group-content{padding:0}.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>.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 .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-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.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:.2em .6em .25em .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:.2em .6em .25em .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--padding>.vxe-form--group-content{padding:0}.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 .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)}

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

@@ -469,12 +469,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       reactData.startValue = sValue;
       reactData.endValue = eValue;
       const value = getRangeValue(sValue, eValue);
+      const isFinish = sValue && eValue || !sValue && !eValue;
       emit('update:modelValue', value);
       emit('update:startValue', sValue || '');
       emit('update:endValue', eValue || '');
       if (_xeUtils.default.toValueString(modelValue) !== value) {
         dispatchEvent('change', {
-          value
+          value,
+          startValue: sValue,
+          endValue: eValue,
+          isFinish
         }, evnt);
         // 自动更新校验状态
         if ($xeForm && formItemInfo) {

package/lib/date-range-picker/src/date-range-picker.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",props:{modelValue:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size},minDate:[String,Number,Date],maxDate:[String,Number,Date],defaultDate:[String,Number,Date,Array],defaultTime:[String,Number,Date,Array],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.startDay},labelFormat:String,valueFormat:String,timeFormat:String,valueType:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().dateRangePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().dateRangePicker.disabledMethod},separator:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.separator},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.selectDay},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.showClearButton},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.showConfirmButton},autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.autoClose},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},shortcutConfig:Object},emits:["update:modelValue","update:startValue","update:endValue","input","change","keydown","keyup","click","focus","blur","clear","confirm","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(F,e){const{slots:T,emit:r}=e,c=(0,_vue.inject)("$xeModal",null),p=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),i=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var a=_xeUtils.default.uniqueId();const A=(0,_ui.useSize)(F)["computeSize"],I=(0,_vue.reactive)({initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""}),o={},_=(0,_vue.ref)(),g=(0,_vue.ref)(),R=(0,_vue.ref)(),N=(0,_vue.ref)(),M=(0,_vue.ref)(),B=(0,_vue.ref)(),C={refElem:_,refInput:g},q={xID:a,props:F,context:e,reactData:I,internalData:o,getRefMaps:()=>C};const z=(0,_vue.computed)(()=>{var e=F["transfer"];if(null===e){var a=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(a))return a;if(D||c||p||i)return!0}return e}),f=(0,_vue.computed)(()=>{var e=F["readonly"];return null===e?!!i&&i.props.readonly:e}),b=(0,_vue.computed)(()=>{var e=F["disabled"];return null===e?!!i&&i.props.disabled:e}),$=(0,_vue.computed)(()=>{var e=F["defaultDate"];return e?_xeUtils.default.isArray(e)?e:-1<(""+e).indexOf(",")?(""+e).split(","):[e,e]:[]}),K=(0,_vue.computed)(()=>{var e=F["defaultTime"];return e?_xeUtils.default.isArray(e)?e:-1<(""+e).indexOf(",")?(""+e).split(","):[e,e]:[]});a=(0,_vue.computed)(()=>{var{startValue:e,endValue:a}=F;return""+(e||"")+(a||"")});const G=(0,_vue.computed)(()=>{var e=F["type"];return"time"===e||"datetime"===e}),s=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(F.type)),j=(0,_vue.computed)(()=>F.clearable),E=(0,_vue.computed)(()=>{var e=F["placeholder"];return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.dateRangePicker.pleaseRange")}),l=(0,_vue.computed)(()=>{var e=F["immediate"];return e}),U=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,F.shortcutConfig)),O=(0,_vue.computed)(()=>{var e=U.value["options"];return e?e.map((e,a)=>Object.assign({name:""+(e.name||e.code||a)},e)):[]}),P=(0,_vue.computed)(()=>{var e=F["labelFormat"];return e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+F.type)}),m=(0,_vue.computed)(()=>{var{type:e,valueFormat:a}=F;return(0,_util.handleValueFormat)(e,a)}),y=(0,_vue.computed)(()=>{var e=F["startDay"];return _xeUtils.default.toNumber(e)}),Y=(0,_vue.computed)(()=>{var{startValue:e,endValue:a}=I,e=e||a?[e||"",a||""]:[];return w(e)}),S=(0,_vue.computed)(()=>{return Y.value.label}),w=e=>{var{type:a,separator:t}=F,l=P.value,u=m.value,r=y.value,i=e[0]?(0,_util.parseDateObj)(e[0],a,{valueFormat:u,labelFormat:l,firstDay:r}):null,e=e[1]?(0,_util.parseDateObj)(e[1],a,{valueFormat:u,labelFormat:l,firstDay:r}):null,a=i?i.label:"",u=e?e.label:"";return{label:(a||u?[a,u]:[]).join(""+(t||" ~ ")),startLabel:a,endLabel:u}},h=(e,a)=>{var{modelValue:t,valueType:l}=F;let u=_xeUtils.default.isArray(t);if(l)switch(l){case"array":u=!0;break;case"string":u=!1}return e||a?(t=[e||"",a||""],u?t:t.join(",")):u?[]:""},Z=()=>{var e,{type:a,modelValue:t}=F,l=m.value;let u="",r="";return _xeUtils.default.isArray(t)?(e=(0,_util.parseDateString)(t[0],a,{valueFormat:l}),a=(0,_util.parseDateString)(t[1],a,{valueFormat:l}),(e||a)&&(u=e||"",r=a||"")):_xeUtils.default.isString(t)&&((l=t.split(","))[0]||l[1])&&(u=l[0]||"",r=l[1]||""),{sValue:u,eValue:r}},H=()=>{var{type:e,startValue:a,endValue:t}=F,l=m.value;return{sValue:(0,_util.parseDateString)(a,e,{valueFormat:l}),eValue:(0,_util.parseDateString)(t,e,{valueFormat:l})}},t=e=>{var{modelValue:a,startValue:t,endValue:l}=F;let u={sValue:"",eValue:""};u=(e?a?Z:H:t||l?H:Z)(),I.startValue=u.sValue,I.endValue=u.eValue},u=e=>{var{startValue:a,endValue:t}=I,l=h(a,t);k(e.type,{value:l,startValue:a,endValue:t},e)},x=(e,a,t)=>{var l=F["modelValue"],u=(I.startValue=e,I.endValue=a,h(e,a));r("update:modelValue",u),r("update:startValue",e||""),r("update:endValue",a||""),_xeUtils.default.toValueString(l)!==u&&(k("change",{value:u},t),i)&&n&&i.triggerItemEvent(t,n.itemConfig.field,u)},J=e=>{l.value||u(e)},Q=e=>{I.isActivated=!0,me(e),u(e)},W=e=>{var a,t,l;b.value||({startValue:a,endValue:t}=I,l=h(a,t),k("prefix-click",{value:l,startValue:a,endValue:t},e))},V=()=>new Promise(e=>{I.visiblePanel=!1,o.hpTimeout=setTimeout(()=>{I.isAniVisible=!1,e()},350)}),X=(e,a)=>{s.value&&V();x("","",e),k("clear",{value:a,startValue:"",endValue:""},e)},d=()=>{var e=M.value,a=B.value;e&&a&&(e=e.getModelValue(),a=a.getModelValue(),e&&a||x("","",{type:"check"}))},ee=()=>{var e=F["autoClose"],{startValue:a,endValue:t}=I,l=o["selectStatus"],u=s.value;e?l&&u&&a&&t&&V():a&&t&&(o.selectStatus=!1)},ae=e=>{var a,t,l;b.value||({startValue:a,endValue:t}=I,l=h(a,t),k("suffix-click",{value:l,startValue:a,endValue:t},e))},te=e=>{var{startValue:a,endValue:t}=I;l.value||x(a,t,e),I.visiblePanel||(I.isActivated=!1),k("blur",{value:"",startValue:a,endValue:t},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,"")},le=e=>{u(e)},ue=e=>{u(e)},re=e=>{var a,t,l=M.value,u=B.value;l&&u&&(a=l.getModelValue(),t=u.getModelValue(),a&&!t||!a&&t?x("","",e):(l.confirmByEvent(e),u.confirmByEvent(e)),l=h(a,t),k("confirm",{value:l,startValue:a,endValue:t},e)),V()},ie=e=>{var a=o["selectStatus"],{value:e,$event:t}=e;const l=a?I.endValue:"";x(e,l,t),ee(),a||(o.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=M.value,a=B.value;e&&a&&(e=e.getModelValue(),!l)&&e&&a.setPanelDate(_xeUtils.default.toStringDate(e))})},ne=e=>{var a=o["selectStatus"],{value:e,$event:t}=e;const l=a?I.startValue:"";x(l,e,t),ee(),a||(o.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=M.value,a=B.value;e&&a&&(a=a.getModelValue(),!l)&&a&&e.setPanelDate(_xeUtils.default.toStringDate(a))})},oe=e=>{var{visiblePanel:a,isActivated:t}=I,l=_.value,u=N.value;!b.value&&t&&(I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,u).flag,I.isActivated||a&&(d(),V()))},se=e=>{var a,t=I["visiblePanel"];b.value||(a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),a&&(I.isActivated=!1),t&&(e||a)&&(d(),V()))},de=e=>{var a=I["visiblePanel"];b.value||a&&(a=N.value,((0,_dom.getEventTargetNode)(e,a).flag?v:(d(),V))())},ve=()=>{var{visiblePanel:e,isActivated:a}=I;e&&(d(),V()),a&&(I.isActivated=!1),(e||a)&&(e=g.value)&&e.blur()},ce=()=>{var e=I["visiblePanel"];e&&v()},v=()=>{const t=F["placement"],l=I["panelIndex"],u=g.value,r=R.value,i=z.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(u,r,{placement:t,teleportTo:i}),a=Object.assign(e.style,{zIndex:l});I.panelStyle=a,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},pe=()=>{var e=I["visiblePanel"];return(b.value||e?(0,_vue.nextTick):(I.initialized||(I.initialized=!0),o.hpTimeout&&(clearTimeout(o.hpTimeout),o.hpTimeout=void 0),o.selectStatus=!1,I.isActivated=!0,I.isAniVisible=!0,setTimeout(()=>{I.visiblePanel=!0},10),(e=F.zIndex)?I.panelIndex=e:I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),v))()},me=e=>{f.value||(e.preventDefault(),pe())},_e=e=>{u(e)},ge=({option:e,$event:a})=>{var t=F["type"],l=U.value,u=l["autoClose"],{code:r,clickMethod:i}=e,n=I.startValue,o=I.endValue,s=h(n,o),d={$dateRangePicker:q,option:e,value:s,startValue:n,endValue:o,code:r};if(!i&&r){e=_ui.commands.get(r),e=e?e.dateRangePickerCommandMethod:null;if(e)e(d);else{var v=m.value,c=y.value;switch(r){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var p=(0,_util.getRangeDateByCode)(r,s,t,{valueFormat:v,firstDay:c}),n=p.startValue,o=p.endValue,s=h(n,o);d.value=s,d.startValue=n,d.endValue=o,x(n,o,a);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-range-picker] "+r])}}}else{e=i||l.clickMethod;e&&e(d)}u&&V(),k("shortcut-click",d,a)},k=(e,a,t)=>{r(e,(0,_ui.createEvent)(t,{$dateRangePicker:q},a))},L=(e={dispatchEvent:k,setModelValue(e,a){I.startValue=e||"",I.endValue=a||"";e=h(e,a);r("update:modelValue",e)},setModelValueByEvent(e,a,t){x(a||"",t||"",e)},focus(){var e=g.value;return I.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return g.value.blur(),(I.isActivated=!1,_vue.nextTick)()},select(){return g.value.select(),(I.isActivated=!1,_vue.nextTick)()},showPanel:pe,hidePanel:V,updatePlacement:v},Object.assign(q,e),(e,a)=>{var t=U.value,{position:l,align:u,mode:r}=t,i=O.value;return(0,_utils.isEnableConf)(t)&&i.length&&(l||"left")===e?(0,_vue.h)("div",{class:`vxe-date-range-picker--layout-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:i,mode:r,align:u,vertical:a,onClick:ge})]):(0,_ui.renderEmptyElement)(q)}),fe=()=>(0,_vue.h)("div",{class:"vxe-date-range-picker--control-icon",onClick:me},[(0,_vue.h)("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(()=>F.modelValue,()=>{t(!0)}),(0,_vue.watch)(a,()=>{t(!1)}),t(!0),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(q,"mousewheel",de),_ui.globalEvents.on(q,"mousedown",oe),_ui.globalEvents.on(q,"keydown",se),_ui.globalEvents.on(q,"blur",ve),_ui.globalEvents.on(q,"resize",ce)}),(0,_vue.onDeactivated)(()=>{d()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(q,"mousewheel"),_ui.globalEvents.off(q,"mousedown"),_ui.globalEvents.off(q,"blur"),_ui.globalEvents.off(q,"resize")}),(0,_vue.onBeforeUnmount)(()=>{d()}),(0,_vue.provide)("$xeDateRangePicker",q),q.renderVN=()=>{var e,a,t,{className:l,type:u,name:r,autoComplete:i}=F,{startValue:n,endValue:o,visiblePanel:s,isActivated:d}=I,v=A.value,c=b.value,p=f.value,m=S.value;return p?(0,_vue.h)("div",{ref:_,class:["vxe-date-range-picker--readonly","type--"+u,l]},m):(p=E.value,e=j.value,t=F.prefixIcon,a=(a=T.prefix)||t?(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix",onClick:W},[(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix-icon"},a?(0,_vn.getSlotVNs)(a({})):[(0,_vue.h)("i",{class:t})])]):null,t=(()=>{var e=F["suffixIcon"],{startValue:a,endValue:t}=I,l=T.suffix,u=b.value,r=j.value;return(0,_vue.h)("div",{class:["vxe-date-range-picker--suffix",{"is--clear":r&&!u&&(a||t)}]},[r?(0,_vue.h)("div",{class:"vxe-date-range-picker--clear-icon",onClick:X},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(q),fe(),l||e?(0,_vue.h)("div",{class:"vxe-date-range-picker--suffix-icon",onClick:ae},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(q)])})(),(0,_vue.h)("div",{ref:_,class:["vxe-date-range-picker","type--"+u,l,{["size--"+v]:v,"is--prefix":!!a,"is--suffix":!!t,"is--visible":s,"is--disabled":c,"is--active":d,"show--clear":e&&!c&&(n||o)}],spellcheck:!1},[a||(0,_ui.renderEmptyElement)(q),(0,_vue.h)("div",{class:"vxe-date-range-picker--wrapper"},[(0,_vue.h)("input",{ref:g,class:"vxe-date-range-picker--inner",value:m,name:r,type:"text",placeholder:p,readonly:!0,disabled:c,autocomplete:i,onKeydown:le,onKeyup:ue,onClick:_e,onChange:J,onFocus:Q,onBlur:te})]),t||(0,_ui.renderEmptyElement)(q),(()=>{var{type:e,separator:a,autoClose:t,showConfirmButton:l,showClearButton:u}=F,{initialized:r,isAniVisible:i,visiblePanel:n,panelPlacement:o,panelStyle:s,startValue:d,endValue:v}=I,c=A.value,p=z.value,m=U.value,_=j.value,g=Y.value,f=O.value,b=G.value,y=$.value,h=K.value,{startLabel:g,endLabel:x}=g,m=m["position"],V=T.header,k=T.footer,D=T.top,C=T.bottom,E=T.left,P=T.right,[y,S]=y,[h,w]=h,f=0<f.length,b=null===l?b||!t:l,t=null===u?_:u;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!r},[(0,_vue.h)("div",{ref:R,class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--"+e,{["size--"+c]:c,"is--transfer":p,"ani--leave":i,"ani--enter":n,"show--top":!!(D||V||f&&("top"===m||"header"===m)),"show--bottom":!!(C||k||f&&("bottom"===m||"footer"===m)),"show--left":!!(E||f&&"left"===m),"show--right":!!(P||f&&"right"===m)}],placement:o,style:s},r&&(n||i)?[(0,_vue.h)("div",{ref:N,class:["vxe-date-range-picker--layout-all-wrapper","type--"+e,{["size--"+c]:c}]},[D?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-top-wrapper"},D({})):L("top"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[E?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-left-wrapper"},E({})):L("left",!0),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[V?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-header-wrapper"},V({})):L("header"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[(0,_vue.h)(_datePanel.default,{ref:M,modelValue:d,type:F.type,className:F.className,minDate:F.minDate,maxDate:F.maxDate,endDate:v,startDay:F.startDay,labelFormat:F.labelFormat,valueFormat:F.valueFormat,timeFormat:F.timeFormat,defaultDate:y,defaultTime:h,festivalMethod:F.festivalMethod,disabledMethod:F.disabledMethod,selectDay:F.selectDay,onChange:ie}),(0,_vue.h)(_datePanel.default,{ref:B,modelValue:v,type:F.type,className:F.className,minDate:F.minDate,maxDate:F.maxDate,startDate:d,startDay:F.startDay,labelFormat:F.labelFormat,valueFormat:F.valueFormat,timeFormat:F.timeFormat,defaultDate:S,defaultTime:w,festivalMethod:F.festivalMethod,disabledMethod:F.disabledMethod,selectDay:F.selectDay,onChange:ne})]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-label"},g||x?[(0,_vue.h)("span",g),(0,_vue.h)("span",""+(a||"")),(0,_vue.h)("span",x)]:""+(a||"")),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-custom"},k?k({}):[L("footer")]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-btns"},[t?(0,_vue.h)(_button.default,{size:"mini",disabled:!(d||v),content:(0,_ui.getI18n)("vxe.button.clear"),onClick:X}):(0,_ui.renderEmptyElement)(q),b?(0,_vue.h)(_button.default,{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm"),onClick:re}):(0,_ui.renderEmptyElement)(q)])])]),P?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-right-wrapper"},P({})):L("right",!0)]),C?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},C({})):L("bottom")])]:[])])})()]))},q},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_util=require("../../date-panel/src/util"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log"),_datePanel=_interopRequireDefault(require("../../date-panel/src/date-panel")),_button=_interopRequireDefault(require("../../button/src/button")),_buttonGroup=_interopRequireDefault(require("../../button/src/button-group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeDateRangePicker",props:{modelValue:[String,Number,Date,Array],startValue:[String,Number,Date],endValue:[String,Number,Date],immediate:{type:Boolean,default:!0},name:String,type:{type:String,default:"date"},clearable:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.clearable},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},placeholder:String,autoComplete:{type:String,default:"off"},form:String,className:String,zIndex:Number,size:{type:String,default:()=>(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size},minDate:[String,Number,Date],maxDate:[String,Number,Date],defaultDate:[String,Number,Date,Array],defaultTime:[String,Number,Date,Array],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.startDay},labelFormat:String,valueFormat:String,timeFormat:String,valueType:String,editable:{type:Boolean,default:!0},festivalMethod:{type:Function,default:()=>(0,_ui.getConfig)().dateRangePicker.festivalMethod},disabledMethod:{type:Function,default:()=>(0,_ui.getConfig)().dateRangePicker.disabledMethod},separator:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.separator},selectDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.selectDay},showClearButton:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.showClearButton},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.showConfirmButton},autoClose:{type:Boolean,default:()=>(0,_ui.getConfig)().dateRangePicker.autoClose},prefixIcon:String,suffixIcon:String,placement:String,transfer:{type:Boolean,default:null},shortcutConfig:Object},emits:["update:modelValue","update:startValue","update:endValue","input","change","keydown","keyup","click","focus","blur","clear","confirm","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(F,e){const{slots:T,emit:i}=e,c=(0,_vue.inject)("$xeModal",null),p=(0,_vue.inject)("$xeDrawer",null),D=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var a=_xeUtils.default.uniqueId();const A=(0,_ui.useSize)(F)["computeSize"],I=(0,_vue.reactive)({initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""}),r={},_=(0,_vue.ref)(),g=(0,_vue.ref)(),R=(0,_vue.ref)(),N=(0,_vue.ref)(),M=(0,_vue.ref)(),B=(0,_vue.ref)(),C={refElem:_,refInput:g},q={xID:a,props:F,context:e,reactData:I,internalData:r,getRefMaps:()=>C};const z=(0,_vue.computed)(()=>{var e=F["transfer"];if(null===e){var a=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(a))return a;if(D||c||p||n)return!0}return e}),f=(0,_vue.computed)(()=>{var e=F["readonly"];return null===e?!!n&&n.props.readonly:e}),b=(0,_vue.computed)(()=>{var e=F["disabled"];return null===e?!!n&&n.props.disabled:e}),$=(0,_vue.computed)(()=>{var e=F["defaultDate"];return e?_xeUtils.default.isArray(e)?e:-1<(""+e).indexOf(",")?(""+e).split(","):[e,e]:[]}),K=(0,_vue.computed)(()=>{var e=F["defaultTime"];return e?_xeUtils.default.isArray(e)?e:-1<(""+e).indexOf(",")?(""+e).split(","):[e,e]:[]});a=(0,_vue.computed)(()=>{var{startValue:e,endValue:a}=F;return""+(e||"")+(a||"")});const G=(0,_vue.computed)(()=>{var e=F["type"];return"time"===e||"datetime"===e}),s=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(F.type)),j=(0,_vue.computed)(()=>F.clearable),E=(0,_vue.computed)(()=>{var e=F["placeholder"];return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.dateRangePicker.pleaseRange")}),l=(0,_vue.computed)(()=>{var e=F["immediate"];return e}),U=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,F.shortcutConfig)),O=(0,_vue.computed)(()=>{var e=U.value["options"];return e?e.map((e,a)=>Object.assign({name:""+(e.name||e.code||a)},e)):[]}),P=(0,_vue.computed)(()=>{var e=F["labelFormat"];return e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+F.type)}),m=(0,_vue.computed)(()=>{var{type:e,valueFormat:a}=F;return(0,_util.handleValueFormat)(e,a)}),y=(0,_vue.computed)(()=>{var e=F["startDay"];return _xeUtils.default.toNumber(e)}),Y=(0,_vue.computed)(()=>{var{startValue:e,endValue:a}=I,e=e||a?[e||"",a||""]:[];return w(e)}),S=(0,_vue.computed)(()=>{return Y.value.label}),w=e=>{var{type:a,separator:t}=F,l=P.value,u=m.value,r=y.value,i=e[0]?(0,_util.parseDateObj)(e[0],a,{valueFormat:u,labelFormat:l,firstDay:r}):null,e=e[1]?(0,_util.parseDateObj)(e[1],a,{valueFormat:u,labelFormat:l,firstDay:r}):null,a=i?i.label:"",u=e?e.label:"";return{label:(a||u?[a,u]:[]).join(""+(t||" ~ ")),startLabel:a,endLabel:u}},h=(e,a)=>{var{modelValue:t,valueType:l}=F;let u=_xeUtils.default.isArray(t);if(l)switch(l){case"array":u=!0;break;case"string":u=!1}return e||a?(t=[e||"",a||""],u?t:t.join(",")):u?[]:""},Z=()=>{var e,{type:a,modelValue:t}=F,l=m.value;let u="",r="";return _xeUtils.default.isArray(t)?(e=(0,_util.parseDateString)(t[0],a,{valueFormat:l}),a=(0,_util.parseDateString)(t[1],a,{valueFormat:l}),(e||a)&&(u=e||"",r=a||"")):_xeUtils.default.isString(t)&&((l=t.split(","))[0]||l[1])&&(u=l[0]||"",r=l[1]||""),{sValue:u,eValue:r}},H=()=>{var{type:e,startValue:a,endValue:t}=F,l=m.value;return{sValue:(0,_util.parseDateString)(a,e,{valueFormat:l}),eValue:(0,_util.parseDateString)(t,e,{valueFormat:l})}},t=e=>{var{modelValue:a,startValue:t,endValue:l}=F;let u={sValue:"",eValue:""};u=(e?a?Z:H:t||l?H:Z)(),I.startValue=u.sValue,I.endValue=u.eValue},u=e=>{var{startValue:a,endValue:t}=I,l=h(a,t);k(e.type,{value:l,startValue:a,endValue:t},e)},x=(e,a,t)=>{var l=F["modelValue"],u=(I.startValue=e,I.endValue=a,h(e,a)),r=e&&a||!e&&!a;i("update:modelValue",u),i("update:startValue",e||""),i("update:endValue",a||""),_xeUtils.default.toValueString(l)!==u&&(k("change",{value:u,startValue:e,endValue:a,isFinish:r},t),n)&&o&&n.triggerItemEvent(t,o.itemConfig.field,u)},J=e=>{l.value||u(e)},Q=e=>{I.isActivated=!0,me(e),u(e)},W=e=>{var a,t,l;b.value||({startValue:a,endValue:t}=I,l=h(a,t),k("prefix-click",{value:l,startValue:a,endValue:t},e))},V=()=>new Promise(e=>{I.visiblePanel=!1,r.hpTimeout=setTimeout(()=>{I.isAniVisible=!1,e()},350)}),X=(e,a)=>{s.value&&V();x("","",e),k("clear",{value:a,startValue:"",endValue:""},e)},d=()=>{var e=M.value,a=B.value;e&&a&&(e=e.getModelValue(),a=a.getModelValue(),e&&a||x("","",{type:"check"}))},ee=()=>{var e=F["autoClose"],{startValue:a,endValue:t}=I,l=r["selectStatus"],u=s.value;e?l&&u&&a&&t&&V():a&&t&&(r.selectStatus=!1)},ae=e=>{var a,t,l;b.value||({startValue:a,endValue:t}=I,l=h(a,t),k("suffix-click",{value:l,startValue:a,endValue:t},e))},te=e=>{var{startValue:a,endValue:t}=I;l.value||x(a,t,e),I.visiblePanel||(I.isActivated=!1),k("blur",{value:"",startValue:a,endValue:t},e),n&&o&&n.triggerItemEvent(e,o.itemConfig.field,"")},le=e=>{u(e)},ue=e=>{u(e)},re=e=>{var a,t,l=M.value,u=B.value;l&&u&&(a=l.getModelValue(),t=u.getModelValue(),a&&!t||!a&&t?x("","",e):(l.confirmByEvent(e),u.confirmByEvent(e)),l=h(a,t),k("confirm",{value:l,startValue:a,endValue:t},e)),V()},ie=e=>{var a=r["selectStatus"],{value:e,$event:t}=e;const l=a?I.endValue:"";x(e,l,t),ee(),a||(r.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=M.value,a=B.value;e&&a&&(e=e.getModelValue(),!l)&&e&&a.setPanelDate(_xeUtils.default.toStringDate(e))})},ne=e=>{var a=r["selectStatus"],{value:e,$event:t}=e;const l=a?I.startValue:"";x(l,e,t),ee(),a||(r.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=M.value,a=B.value;e&&a&&(a=a.getModelValue(),!l)&&a&&e.setPanelDate(_xeUtils.default.toStringDate(a))})},oe=e=>{var{visiblePanel:a,isActivated:t}=I,l=_.value,u=N.value;!b.value&&t&&(I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,u).flag,I.isActivated||a&&(d(),V()))},se=e=>{var a,t=I["visiblePanel"];b.value||(a=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.TAB),e=_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE),a&&(I.isActivated=!1),t&&(e||a)&&(d(),V()))},de=e=>{var a=I["visiblePanel"];b.value||a&&(a=N.value,((0,_dom.getEventTargetNode)(e,a).flag?v:(d(),V))())},ve=()=>{var{visiblePanel:e,isActivated:a}=I;e&&(d(),V()),a&&(I.isActivated=!1),(e||a)&&(e=g.value)&&e.blur()},ce=()=>{var e=I["visiblePanel"];e&&v()},v=()=>{const t=F["placement"],l=I["panelIndex"],u=g.value,r=R.value,i=z.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(u,r,{placement:t,teleportTo:i}),a=Object.assign(e.style,{zIndex:l});I.panelStyle=a,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},pe=()=>{var e=I["visiblePanel"];return(b.value||e?(0,_vue.nextTick):(I.initialized||(I.initialized=!0),r.hpTimeout&&(clearTimeout(r.hpTimeout),r.hpTimeout=void 0),r.selectStatus=!1,I.isActivated=!0,I.isAniVisible=!0,setTimeout(()=>{I.visiblePanel=!0},10),(e=F.zIndex)?I.panelIndex=e:I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),v))()},me=e=>{f.value||(e.preventDefault(),pe())},_e=e=>{u(e)},ge=({option:e,$event:a})=>{var t=F["type"],l=U.value,u=l["autoClose"],{code:r,clickMethod:i}=e,n=I.startValue,o=I.endValue,s=h(n,o),d={$dateRangePicker:q,option:e,value:s,startValue:n,endValue:o,code:r};if(!i&&r){e=_ui.commands.get(r),e=e?e.dateRangePickerCommandMethod:null;if(e)e(d);else{var v=m.value,c=y.value;switch(r){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var p=(0,_util.getRangeDateByCode)(r,s,t,{valueFormat:v,firstDay:c}),n=p.startValue,o=p.endValue,s=h(n,o);d.value=s,d.startValue=n,d.endValue=o,x(n,o,a);break;default:(0,_log.errLog)("vxe.error.notCommands",["[date-range-picker] "+r])}}}else{e=i||l.clickMethod;e&&e(d)}u&&V(),k("shortcut-click",d,a)},k=(e,a,t)=>{i(e,(0,_ui.createEvent)(t,{$dateRangePicker:q},a))},L=(e={dispatchEvent:k,setModelValue(e,a){I.startValue=e||"",I.endValue=a||"";e=h(e,a);i("update:modelValue",e)},setModelValueByEvent(e,a,t){x(a||"",t||"",e)},focus(){var e=g.value;return I.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return g.value.blur(),(I.isActivated=!1,_vue.nextTick)()},select(){return g.value.select(),(I.isActivated=!1,_vue.nextTick)()},showPanel:pe,hidePanel:V,updatePlacement:v},Object.assign(q,e),(e,a)=>{var t=U.value,{position:l,align:u,mode:r}=t,i=O.value;return(0,_utils.isEnableConf)(t)&&i.length&&(l||"left")===e?(0,_vue.h)("div",{class:`vxe-date-range-picker--layout-${e}-wrapper`},[(0,_vue.h)(_buttonGroup.default,{options:i,mode:r,align:u,vertical:a,onClick:ge})]):(0,_ui.renderEmptyElement)(q)}),fe=()=>(0,_vue.h)("div",{class:"vxe-date-range-picker--control-icon",onClick:me},[(0,_vue.h)("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(()=>F.modelValue,()=>{t(!0)}),(0,_vue.watch)(a,()=>{t(!1)}),t(!0),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(q,"mousewheel",de),_ui.globalEvents.on(q,"mousedown",oe),_ui.globalEvents.on(q,"keydown",se),_ui.globalEvents.on(q,"blur",ve),_ui.globalEvents.on(q,"resize",ce)}),(0,_vue.onDeactivated)(()=>{d()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(q,"mousewheel"),_ui.globalEvents.off(q,"mousedown"),_ui.globalEvents.off(q,"blur"),_ui.globalEvents.off(q,"resize")}),(0,_vue.onBeforeUnmount)(()=>{d()}),(0,_vue.provide)("$xeDateRangePicker",q),q.renderVN=()=>{var e,a,t,{className:l,type:u,name:r,autoComplete:i}=F,{startValue:n,endValue:o,visiblePanel:s,isActivated:d}=I,v=A.value,c=b.value,p=f.value,m=S.value;return p?(0,_vue.h)("div",{ref:_,class:["vxe-date-range-picker--readonly","type--"+u,l]},m):(p=E.value,e=j.value,t=F.prefixIcon,a=(a=T.prefix)||t?(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix",onClick:W},[(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix-icon"},a?(0,_vn.getSlotVNs)(a({})):[(0,_vue.h)("i",{class:t})])]):null,t=(()=>{var e=F["suffixIcon"],{startValue:a,endValue:t}=I,l=T.suffix,u=b.value,r=j.value;return(0,_vue.h)("div",{class:["vxe-date-range-picker--suffix",{"is--clear":r&&!u&&(a||t)}]},[r?(0,_vue.h)("div",{class:"vxe-date-range-picker--clear-icon",onClick:X},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(q),fe(),l||e?(0,_vue.h)("div",{class:"vxe-date-range-picker--suffix-icon",onClick:ae},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(q)])})(),(0,_vue.h)("div",{ref:_,class:["vxe-date-range-picker","type--"+u,l,{["size--"+v]:v,"is--prefix":!!a,"is--suffix":!!t,"is--visible":s,"is--disabled":c,"is--active":d,"show--clear":e&&!c&&(n||o)}],spellcheck:!1},[a||(0,_ui.renderEmptyElement)(q),(0,_vue.h)("div",{class:"vxe-date-range-picker--wrapper"},[(0,_vue.h)("input",{ref:g,class:"vxe-date-range-picker--inner",value:m,name:r,type:"text",placeholder:p,readonly:!0,disabled:c,autocomplete:i,onKeydown:le,onKeyup:ue,onClick:_e,onChange:J,onFocus:Q,onBlur:te})]),t||(0,_ui.renderEmptyElement)(q),(()=>{var{type:e,separator:a,autoClose:t,showConfirmButton:l,showClearButton:u}=F,{initialized:r,isAniVisible:i,visiblePanel:n,panelPlacement:o,panelStyle:s,startValue:d,endValue:v}=I,c=A.value,p=z.value,m=U.value,_=j.value,g=Y.value,f=O.value,b=G.value,y=$.value,h=K.value,{startLabel:g,endLabel:x}=g,m=m["position"],V=T.header,k=T.footer,D=T.top,C=T.bottom,E=T.left,P=T.right,[y,S]=y,[h,w]=h,f=0<f.length,b=null===l?b||!t:l,t=null===u?_:u;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!r},[(0,_vue.h)("div",{ref:R,class:["vxe-table--ignore-clear vxe-date-range-picker--panel","type--"+e,{["size--"+c]:c,"is--transfer":p,"ani--leave":i,"ani--enter":n,"show--top":!!(D||V||f&&("top"===m||"header"===m)),"show--bottom":!!(C||k||f&&("bottom"===m||"footer"===m)),"show--left":!!(E||f&&"left"===m),"show--right":!!(P||f&&"right"===m)}],placement:o,style:s},r&&(n||i)?[(0,_vue.h)("div",{ref:N,class:["vxe-date-range-picker--layout-all-wrapper","type--"+e,{["size--"+c]:c}]},[D?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-top-wrapper"},D({})):L("top"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[E?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-left-wrapper"},E({})):L("left",!0),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[V?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-header-wrapper"},V({})):L("header"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[(0,_vue.h)(_datePanel.default,{ref:M,modelValue:d,type:F.type,className:F.className,minDate:F.minDate,maxDate:F.maxDate,endDate:v,startDay:F.startDay,labelFormat:F.labelFormat,valueFormat:F.valueFormat,timeFormat:F.timeFormat,defaultDate:y,defaultTime:h,festivalMethod:F.festivalMethod,disabledMethod:F.disabledMethod,selectDay:F.selectDay,onChange:ie}),(0,_vue.h)(_datePanel.default,{ref:B,modelValue:v,type:F.type,className:F.className,minDate:F.minDate,maxDate:F.maxDate,startDate:d,startDay:F.startDay,labelFormat:F.labelFormat,valueFormat:F.valueFormat,timeFormat:F.timeFormat,defaultDate:S,defaultTime:w,festivalMethod:F.festivalMethod,disabledMethod:F.disabledMethod,selectDay:F.selectDay,onChange:ne})]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-label"},g||x?[(0,_vue.h)("span",g),(0,_vue.h)("span",""+(a||"")),(0,_vue.h)("span",x)]:""+(a||"")),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-custom"},k?k({}):[L("footer")]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-btns"},[t?(0,_vue.h)(_button.default,{size:"mini",disabled:!(d||v),content:(0,_ui.getI18n)("vxe.button.clear"),onClick:X}):(0,_ui.renderEmptyElement)(q),b?(0,_vue.h)(_button.default,{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm"),onClick:re}):(0,_ui.renderEmptyElement)(q)])])]),P?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-right-wrapper"},P({})):L("right",!0)]),C?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},C({})):L("bottom")])]:[])])})()]))},q},render(){return this.renderVN()}});

package/lib/form/render/index.js

@@ -406,11 +406,14 @@ _ui.renderer.mixin({
           // 处理 model 值双向绑定
           _xeUtils.default.set(data, field, value);
         },
-        change() {
+        change({
+          $event,
+          isFinish
+        }) {
           // 处理 change 事件相关逻辑
           $form.updateStatus(params);
-          if (renderOpts.changeToSubmit) {
-            $form.handleSubmitEvent(new Event('change'));
+          if (renderOpts.changeToSubmit && isFinish) {
+            $form.handleSubmitEvent($event);
           }
         }
       }, seOs)))];

package/lib/form/render/index.min.js

@@ -1 +1 @@
-"use strict";var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const componentDefaultModelProp="modelValue";function getOldComponentName(e){return"vxe-"+(""+(e||"")).replace("$","")}function getDefaultComponent(e){e=e.name;return(0,_ui.getComponent)(e)||(0,_vue.resolveComponent)(""+e)}function getOldComponent({name:e}){return(0,_vue.resolveComponent)(getOldComponentName(e))}function getNativeAttrs(e){let{name:t,attrs:n}=e;return n="input"===t?Object.assign({type:"text"},n):n}function getComponentFormItemProps(e,t,n,o){return _xeUtils.default.assign({},o,e.props,{[componentDefaultModelProp]:n})}function getNativeElementOns(e,n,t,o){const r=e["events"],s=(0,_vn.getModelEvent)(e),a=(0,_vn.getChangeEvent)(e),m=a===s,u={};return r&&_xeUtils.default.objectEach(r,(t,e)=>{u[(0,_vn.getOnName)(e)]=function(...e){t(n,...e)}}),t&&(u[(0,_vn.getOnName)(s)]=function(e){t(e),m&&o&&o(e),r&&r[s]&&r[s](n,e)}),!m&&o&&(u[(0,_vn.getOnName)(a)]=function(...e){o(...e),r&&r[a]&&r[a](n,...e)}),u}function getComponentOns(e,n,t,o){const r=e["events"],{model:s,change:a}=t||{},m=(0,_vn.getModelEvent)(e),u=(0,_vn.getChangeEvent)(e),i={};return _xeUtils.default.objectEach(r,(t,e)=>{i[(0,_vn.getOnName)(e)]=function(...e){_xeUtils.default.isFunction(t)||(0,_log.errLog)("vxe.error.errFunc",["[form] "+t]),t(n,...e)}}),s&&(i[(0,_vn.getOnName)(m)]=function(e){s(e),r&&r[m]&&r[m](n,e)}),a&&(i[(0,_vn.getOnName)(u)]=function(...e){a(...e),r&&r[u]&&r[u](n,...e)}),o?Object.assign(i,o):i}function getItemOns(e,t){const{$form:n,data:o,field:r}=t;return getComponentOns(e,t,{model(e){_xeUtils.default.set(o,r,e)},change(){n.updateStatus(t),e.changeToSubmit&&n.handleSubmitEvent(new Event("change"))}})}function getNativeItemOns(e,t){const{$form:n,data:o,field:r}=t;return getNativeElementOns(e,t,e=>{e=e.target.value;_xeUtils.default.set(o,r,e)},()=>{n.updateStatus(t)})}function renderNativeOptgroup(n,o,r){var{optionGroups:e,optionGroupProps:t={}}=n;const s=t.options||"options",a=t.label||"label";return e?e.map((e,t)=>(0,_vue.h)("optgroup",{key:t,label:e[a]},r(e[s],n,o))):[]}function nativeItemRender(e,t){var{data:n,field:o}=t,r=e["name"],s=getNativeAttrs(e),n=_xeUtils.default.get(n,o);return[(0,_vue.h)(""+r,Object.assign(Object.assign(Object.assign({class:"vxe-default-"+r},s),{value:!s||"input"!==r||"submit"!==s.type&&"reset"!==s.type?n:null}),getNativeItemOns(e,t)))]}function defaultItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function oldItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getOldComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function oldButtonItemRender(e,t){return[(0,_vue.h)((0,_vue.resolveComponent)("vxe-button"),Object.assign(Object.assign({},getComponentFormItemProps(e,t,null)),getComponentOns(e,t)))]}function oldButtonsItemRender(e,t){e=e.children;return e?e.map(e=>oldButtonItemRender(e,t)[0]):[]}function renderNativeFormOptions(e,t,n){var{data:n,field:o}=n,{optionProps:t={}}=t;const r=t.label||"label",s=t.value||"value",a=t.disabled||"disabled",m=_xeUtils.default.get(n,o);return e?e.map((e,t)=>(0,_vue.h)("option",{key:t,value:e[s],disabled:e[a],selected:e[s]==m},e[r])):[]}function defaultFormItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function formItemRadioAndCheckboxRender(e,t){var{options:n,optionProps:o}=e,{data:r,field:s}=t,r=_xeUtils.default.get(r,s);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({options:n,optionProps:o},getComponentFormItemProps(e,t,r)),getItemOns(e,t)))]}function oldFormItemRadioAndCheckboxRender(e,t){const{name:n,options:o,optionProps:r={}}=e;var{data:s,field:a}=t;const m=r.label||"label",u=r.value||"value",i=r.disabled||"disabled";s=_xeUtils.default.get(s,a);const d=getOldComponentName(n);return o?[(0,_vue.h)((0,_vue.resolveComponent)(d+"-group"),Object.assign(Object.assign({},getComponentFormItemProps(e,t,s)),getItemOns(e,t)),{default:()=>o.map((e,t)=>(0,_vue.h)((0,_vue.resolveComponent)(d),{key:t,label:e[u],content:e[m],disabled:e[i]}))})]:[(0,_vue.h)((0,_vue.resolveComponent)(d),Object.assign(Object.assign({},getComponentFormItemProps(e,t,s)),getItemOns(e,t)))]}_ui.renderer.mixin({input:{formItemAutoFocus:"input",renderFormItemContent:nativeItemRender},textarea:{formItemAutoFocus:"textarea",renderFormItemContent:nativeItemRender},select:{formItemAutoFocus:"input",renderFormItemContent(e,t){return[(0,_vue.h)("select",Object.assign(Object.assign({class:"vxe-default-select"},getNativeAttrs(e)),getNativeItemOns(e,t)),e.optionGroups?renderNativeOptgroup(e,t,renderNativeFormOptions):renderNativeFormOptions(e.options,e,t))]}},VxeInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeNumberInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxePasswordInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeTextarea:{formItemAutoFocus:"textarea",renderFormItemContent:defaultItemRender},VxeDatePicker:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeDateRangePicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){const{startField:n,endField:o}=e,{$form:r,data:s,field:a}=t;var m=_xeUtils.default.get(s,a),u={},i={};return n&&o&&(u.startValue=_xeUtils.default.get(s,n),u.endValue=_xeUtils.default.get(s,o),i["onUpdate:startValue"]=e=>{n&&_xeUtils.default.set(s,n,e)},i["onUpdate:endValue"]=e=>{o&&_xeUtils.default.set(s,o,e)}),[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,m,u)),getComponentOns(e,t,{model(e){_xeUtils.default.set(s,a,e)},change(){r.updateStatus(t),e.changeToSubmit&&r.handleSubmitEvent(new Event("change"))}},i)))]}},VxeButton:{renderFormItemContent:defaultFormItemRender},VxeButtonGroup:{renderFormItemContent(e,t){var n=e["options"],{data:o,field:r}=t,o=_xeUtils.default.get(o,r);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({options:n},getComponentFormItemProps(e,t,o)),getItemOns(e,t)))]}},VxeSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s,optionGroups:a,optionGroupProps:m}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s,optionGroups:a,optionGroupProps:m})),getItemOns(e,t)))]}},VxeTreeSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s})),getItemOns(e,t)))]}},VxeTableSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s})),getItemOns(e,t)))]}},VxeColorPicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["options"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{colors:r})),getItemOns(e,t)))]}},VxeIconPicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["options"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{icons:r})),getItemOns(e,t)))]}},VxeRadio:{renderFormItemContent:defaultFormItemRender},VxeRadioGroup:{renderFormItemContent:formItemRadioAndCheckboxRender},VxeCheckbox:{renderFormItemContent:defaultFormItemRender},VxeCheckboxGroup:{renderFormItemContent:formItemRadioAndCheckboxRender},VxeSwitch:{renderFormItemContent:defaultItemRender},VxeRate:{renderFormItemContent:defaultItemRender},VxeSlider:{renderFormItemContent:defaultItemRender},VxeImage:{renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["props"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign(Object.assign({},r),{src:n}),getItemOns(e,t)))]}},VxeImageGroup:{renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["props"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign(Object.assign({},r),{urlList:n}),getItemOns(e,t)))]}},VxeUpload:{renderFormItemContent:defaultItemRender},$input:{formItemAutoFocus:"input",renderFormItemContent:oldItemRender},$textarea:{formItemAutoFocus:"textarea",renderFormItemContent:oldItemRender},$button:{renderFormItemContent:oldButtonItemRender},$buttons:{renderFormItemContent:oldButtonsItemRender},$select:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s,optionGroups:a,optionGroupProps:m}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getOldComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s,optionGroups:a,optionGroupProps:m})),getItemOns(e,t)))]}},$radio:{renderFormItemContent:oldFormItemRadioAndCheckboxRender},$checkbox:{renderFormItemContent:oldFormItemRadioAndCheckboxRender},$switch:{renderFormItemContent:oldItemRender}});
+"use strict";var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const componentDefaultModelProp="modelValue";function getOldComponentName(e){return"vxe-"+(""+(e||"")).replace("$","")}function getDefaultComponent(e){e=e.name;return(0,_ui.getComponent)(e)||(0,_vue.resolveComponent)(""+e)}function getOldComponent({name:e}){return(0,_vue.resolveComponent)(getOldComponentName(e))}function getNativeAttrs(e){let{name:t,attrs:n}=e;return n="input"===t?Object.assign({type:"text"},n):n}function getComponentFormItemProps(e,t,n,o){return _xeUtils.default.assign({},o,e.props,{[componentDefaultModelProp]:n})}function getNativeElementOns(e,n,t,o){const r=e["events"],s=(0,_vn.getModelEvent)(e),m=(0,_vn.getChangeEvent)(e),a=m===s,u={};return r&&_xeUtils.default.objectEach(r,(t,e)=>{u[(0,_vn.getOnName)(e)]=function(...e){t(n,...e)}}),t&&(u[(0,_vn.getOnName)(s)]=function(e){t(e),a&&o&&o(e),r&&r[s]&&r[s](n,e)}),!a&&o&&(u[(0,_vn.getOnName)(m)]=function(...e){o(...e),r&&r[m]&&r[m](n,...e)}),u}function getComponentOns(e,n,t,o){const r=e["events"],{model:s,change:m}=t||{},a=(0,_vn.getModelEvent)(e),u=(0,_vn.getChangeEvent)(e),i={};return _xeUtils.default.objectEach(r,(t,e)=>{i[(0,_vn.getOnName)(e)]=function(...e){_xeUtils.default.isFunction(t)||(0,_log.errLog)("vxe.error.errFunc",["[form] "+t]),t(n,...e)}}),s&&(i[(0,_vn.getOnName)(a)]=function(e){s(e),r&&r[a]&&r[a](n,e)}),m&&(i[(0,_vn.getOnName)(u)]=function(...e){m(...e),r&&r[u]&&r[u](n,...e)}),o?Object.assign(i,o):i}function getItemOns(e,t){const{$form:n,data:o,field:r}=t;return getComponentOns(e,t,{model(e){_xeUtils.default.set(o,r,e)},change(){n.updateStatus(t),e.changeToSubmit&&n.handleSubmitEvent(new Event("change"))}})}function getNativeItemOns(e,t){const{$form:n,data:o,field:r}=t;return getNativeElementOns(e,t,e=>{e=e.target.value;_xeUtils.default.set(o,r,e)},()=>{n.updateStatus(t)})}function renderNativeOptgroup(n,o,r){var{optionGroups:e,optionGroupProps:t={}}=n;const s=t.options||"options",m=t.label||"label";return e?e.map((e,t)=>(0,_vue.h)("optgroup",{key:t,label:e[m]},r(e[s],n,o))):[]}function nativeItemRender(e,t){var{data:n,field:o}=t,r=e["name"],s=getNativeAttrs(e),n=_xeUtils.default.get(n,o);return[(0,_vue.h)(""+r,Object.assign(Object.assign(Object.assign({class:"vxe-default-"+r},s),{value:!s||"input"!==r||"submit"!==s.type&&"reset"!==s.type?n:null}),getNativeItemOns(e,t)))]}function defaultItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function oldItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getOldComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function oldButtonItemRender(e,t){return[(0,_vue.h)((0,_vue.resolveComponent)("vxe-button"),Object.assign(Object.assign({},getComponentFormItemProps(e,t,null)),getComponentOns(e,t)))]}function oldButtonsItemRender(e,t){e=e.children;return e?e.map(e=>oldButtonItemRender(e,t)[0]):[]}function renderNativeFormOptions(e,t,n){var{data:n,field:o}=n,{optionProps:t={}}=t;const r=t.label||"label",s=t.value||"value",m=t.disabled||"disabled",a=_xeUtils.default.get(n,o);return e?e.map((e,t)=>(0,_vue.h)("option",{key:t,value:e[s],disabled:e[m],selected:e[s]==a},e[r])):[]}function defaultFormItemRender(e,t){var{data:n,field:o}=t,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n)),getItemOns(e,t)))]}function formItemRadioAndCheckboxRender(e,t){var{options:n,optionProps:o}=e,{data:r,field:s}=t,r=_xeUtils.default.get(r,s);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({options:n,optionProps:o},getComponentFormItemProps(e,t,r)),getItemOns(e,t)))]}function oldFormItemRadioAndCheckboxRender(e,t){const{name:n,options:o,optionProps:r={}}=e;var{data:s,field:m}=t;const a=r.label||"label",u=r.value||"value",i=r.disabled||"disabled";s=_xeUtils.default.get(s,m);const d=getOldComponentName(n);return o?[(0,_vue.h)((0,_vue.resolveComponent)(d+"-group"),Object.assign(Object.assign({},getComponentFormItemProps(e,t,s)),getItemOns(e,t)),{default:()=>o.map((e,t)=>(0,_vue.h)((0,_vue.resolveComponent)(d),{key:t,label:e[u],content:e[a],disabled:e[i]}))})]:[(0,_vue.h)((0,_vue.resolveComponent)(d),Object.assign(Object.assign({},getComponentFormItemProps(e,t,s)),getItemOns(e,t)))]}_ui.renderer.mixin({input:{formItemAutoFocus:"input",renderFormItemContent:nativeItemRender},textarea:{formItemAutoFocus:"textarea",renderFormItemContent:nativeItemRender},select:{formItemAutoFocus:"input",renderFormItemContent(e,t){return[(0,_vue.h)("select",Object.assign(Object.assign({class:"vxe-default-select"},getNativeAttrs(e)),getNativeItemOns(e,t)),e.optionGroups?renderNativeOptgroup(e,t,renderNativeFormOptions):renderNativeFormOptions(e.options,e,t))]}},VxeInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeNumberInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxePasswordInput:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeTextarea:{formItemAutoFocus:"textarea",renderFormItemContent:defaultItemRender},VxeDatePicker:{formItemAutoFocus:"input",renderFormItemContent:defaultItemRender},VxeDateRangePicker:{formItemAutoFocus:"input",renderFormItemContent(n,o){const{startField:t,endField:r}=n,{$form:s,data:m,field:a}=o;var e=_xeUtils.default.get(m,a),u={},i={};return t&&r&&(u.startValue=_xeUtils.default.get(m,t),u.endValue=_xeUtils.default.get(m,r),i["onUpdate:startValue"]=e=>{t&&_xeUtils.default.set(m,t,e)},i["onUpdate:endValue"]=e=>{r&&_xeUtils.default.set(m,r,e)}),[(0,_vue.h)(getDefaultComponent(n),Object.assign(Object.assign({},getComponentFormItemProps(n,o,e,u)),getComponentOns(n,o,{model(e){_xeUtils.default.set(m,a,e)},change({$event:e,isFinish:t}){s.updateStatus(o),n.changeToSubmit&&t&&s.handleSubmitEvent(e)}},i)))]}},VxeButton:{renderFormItemContent:defaultFormItemRender},VxeButtonGroup:{renderFormItemContent(e,t){var n=e["options"],{data:o,field:r}=t,o=_xeUtils.default.get(o,r);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({options:n},getComponentFormItemProps(e,t,o)),getItemOns(e,t)))]}},VxeSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s,optionGroups:m,optionGroupProps:a}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s,optionGroups:m,optionGroupProps:a})),getItemOns(e,t)))]}},VxeTreeSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s})),getItemOns(e,t)))]}},VxeTableSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s})),getItemOns(e,t)))]}},VxeColorPicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["options"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{colors:r})),getItemOns(e,t)))]}},VxeIconPicker:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["options"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{icons:r})),getItemOns(e,t)))]}},VxeRadio:{renderFormItemContent:defaultFormItemRender},VxeRadioGroup:{renderFormItemContent:formItemRadioAndCheckboxRender},VxeCheckbox:{renderFormItemContent:defaultFormItemRender},VxeCheckboxGroup:{renderFormItemContent:formItemRadioAndCheckboxRender},VxeSwitch:{renderFormItemContent:defaultItemRender},VxeRate:{renderFormItemContent:defaultItemRender},VxeSlider:{renderFormItemContent:defaultItemRender},VxeImage:{renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["props"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign(Object.assign({},r),{src:n}),getItemOns(e,t)))]}},VxeImageGroup:{renderFormItemContent(e,t){var{data:n,field:o}=t,r=e["props"],n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign(Object.assign({},r),{urlList:n}),getItemOns(e,t)))]}},VxeUpload:{renderFormItemContent:defaultItemRender},$input:{formItemAutoFocus:"input",renderFormItemContent:oldItemRender},$textarea:{formItemAutoFocus:"textarea",renderFormItemContent:oldItemRender},$button:{renderFormItemContent:oldButtonItemRender},$buttons:{renderFormItemContent:oldButtonsItemRender},$select:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps:s,optionGroups:m,optionGroupProps:a}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getOldComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:s,optionGroups:m,optionGroupProps:a})),getItemOns(e,t)))]}},$radio:{renderFormItemContent:oldFormItemRadioAndCheckboxRender},$checkbox:{renderFormItemContent:oldFormItemRadioAndCheckboxRender},$switch:{renderFormItemContent:oldItemRender}});

package/lib/form/src/render.js

@@ -74,6 +74,7 @@ function getItemClass($xeForm, item, isGroup) {
   const {
     showErrorMessage,
     showMessage,
+    showErrorBackground,
     showErrorIcon
   } = validOpts;
   const compConf = (0, _utils.isEnableConf)(itemRender) ? _ui.renderer.get(itemRender.name) : null;
@@ -105,7 +106,8 @@ function getItemClass($xeForm, item, isGroup) {
       isRequired = itemRules.some(rule => rule.required);
     }
   }
-  return [isGroup || hasGroup ? 'vxe-form--group' : '', 'vxe-form--item', item.id, span ? `vxe-form--item-col_${span} is--span` : '', `${(_xeUtils.default.isBoolean(showErrorMessage) ? showErrorMessage : showMessage) ? 'show' : 'hide'}--err-msg`, className ? _xeUtils.default.isFunction(className) ? className(params) : className : '', itemClassName ? _xeUtils.default.isFunction(itemClassName) ? itemClassName(params) : itemClassName : '', {
+  const showErrMsg = _xeUtils.default.isBoolean(showErrorMessage) ? showErrorMessage : showMessage;
+  return [isGroup || hasGroup ? 'vxe-form--group' : '', 'vxe-form--item', item.id, span ? `vxe-form--item-col_${span} is--span` : '', `${showErrMsg ? 'show' : 'hide'}--err-msg`, className ? _xeUtils.default.isFunction(className) ? className(params) : className : '', itemClassName ? _xeUtils.default.isFunction(itemClassName) ? itemClassName(params) : itemClassName : '', {
     [`size--${vSize}`]: vSize,
     'is--colon': titleColon,
     'is--tbg': titleBackground,
@@ -119,6 +121,7 @@ function getItemClass($xeForm, item, isGroup) {
     'is--hidden': folding && collapseAll,
     'is--active': (0, _util.isActiveItem)($xeForm, item),
     'err--icon': showErrorIcon,
+    'err--bg': showErrorBackground,
     'is--error': showError
   }];
 }

package/lib/form/src/render.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getItemClass=getItemClass,exports.getItemContentClass=getItemContentClass,exports.renderItemContent=renderItemContent,exports.renderItemErrorIcon=renderItemErrorIcon,exports.renderTitle=renderTitle;var _vue=require("vue"),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip")),_icon=_interopRequireDefault(require("../../icon/src/icon")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function renderPrefixIcon(e){return(0,_vue.h)("span",{class:"vxe-form--item-title-tip-prefix"},[(0,_vue.h)(_icon.default,{class:e.icon||(0,_ui.getIcon)().FORM_PREFIX,status:e.iconStatus})])}function renderSuffixIcon(e){return(0,_vue.h)("span",{class:"vxe-form--item-title-tip-suffix"},[(0,_vue.h)(_icon.default,{class:e.icon||(0,_ui.getIcon)().FORM_SUFFIX,status:e.iconStatus})])}function getItemClass(e,t,l){var i=e.props,r=e.reactData,s=e.xeGrid,{computeSize:n,computeValidOpts:o}=e.getComputeMaps(),{data:i,rules:a,readonly:u,disabled:d,span:m,titleBackground:c,titleBold:f,titleColon:v,titleAsterisk:_,vertical:p,padding:g}=i,r=r["collapseAll"],{folding:x,field:h,itemRender:I,showError:C,className:U,vertical:b,padding:y,children:q,showContent:N}=t,n=n.value,{showErrorMessage:o,showMessage:F,showErrorIcon:O}=o.value,I=(0,_utils.isEnableConf)(I)?_ui.renderer.get(I.name):null,I=I?I.formItemClassName||I.itemClassName:"",m=t.span||m,g=_xeUtils.default.eqNull(y)?g:y,y=_xeUtils.default.eqNull(b)?p:b,p=_xeUtils.default.eqNull(t.titleBackground)?c:t.titleBackground,b=_xeUtils.default.eqNull(t.titleBold)?f:t.titleBold,c=_xeUtils.default.eqNull(t.titleColon)?v:t.titleColon,f=_xeUtils.default.eqNull(t.titleAsterisk)?_:t.titleAsterisk,v={data:i,disabled:d,readonly:u,field:h,property:h,item:t,$form:e,$grid:s},_=q&&0<q.length;let E=!1,T=!1;return!u&&a&&(i=a[h])&&i.length&&(T=!0,E=i.some(e=>e.required)),[l||_?"vxe-form--group":"","vxe-form--item",t.id,m?`vxe-form--item-col_${m} is--span`:"",`${(_xeUtils.default.isBoolean(o)?o:F)?"show":"hide"}--err-msg`,U?_xeUtils.default.isFunction(U)?U(v):U:"",I?_xeUtils.default.isFunction(I)?I(v):I:"",{["size--"+n]:n,"is--colon":c,"is--tbg":p,"is--bold":b,"is--padding":g,"is--vertical":y,"is--asterisk":f,"hide--content":!1===N,"is--valid":T,"is--required":E,"is--hidden":x&&r,"is--active":(0,_util.isActiveItem)(e,t),"err--icon":O,"is--error":C}]}function getItemContentClass(e,t,l){var i=e.props,r=e.xeGrid,{data:i,readonly:s,disabled:n,align:o,verticalAlign:a}=i,{field:u,itemRender:d,contentClassName:m,children:c}=t,c=c&&0<c.length,d=(0,_utils.isEnableConf)(d)?_ui.renderer.get(d.name):null,d=d?d.formItemContentClassName||d.itemContentClassName:"",o=!c&&_xeUtils.default.eqNull(t.align)?o:t.align,a=!c&&_xeUtils.default.eqNull(t.verticalAlign)?a:t.verticalAlign,i={data:i,disabled:n,readonly:s,field:u,property:u,item:t,$form:e,$grid:r};return[l||c?"vxe-form--group-content vxe-form--item-row":"","vxe-form--item-content",o?"align--"+o:"",a?"vertical-align--"+a:"",d?_xeUtils.default.isFunction(d)?d(i):d:"",m?_xeUtils.default.isFunction(m)?m(i):m:""]}function renderTitle(t,e,l){var i=t.props,r=t.xeGrid,{data:i,readonly:s,disabled:n,titleAlign:o,titleWidth:a,titleOverflow:u,vertical:d}=i;const{slots:m,title:c,field:f,itemRender:v,titleOverflow:_,vertical:p,showTitle:g,titleClassName:x,titleStyle:h,titlePrefix:I,titleSuffix:C,children:U,showContent:b}=e;var y=t.getComputeMaps()["computeTooltipOpts"],y=y.value,q=(0,_utils.isEnableConf)(v)?_ui.renderer.get(v.name):null,N=q?q.formItemTitleClassName||q.itemTitleClassName:"",F=q?q.formItemTitleStyle||q.itemTitleStyle:null,d=_xeUtils.default.eqNull(p)?d:p,o=_xeUtils.default.eqNull(e.titleAlign)?o:e.titleAlign,d=d?null:_xeUtils.default.eqNull(e.titleWidth)?a:e.titleWidth,a=_xeUtils.default.eqNull(_)?u:_,u="title"===a,O=!0===a||"tooltip"===a,a=u||O||"ellipsis"===a;const E={data:i,disabled:n,readonly:s,field:f,property:f,item:e,$form:t,$grid:r};var i=m?m.title:null,n=m?m.prefix:null,s=m?m.suffix||m.extra:null,r=!1!==g&&(c||i),T=U&&0<U.length,w=[],n=(n&&w.push((0,_vue.h)("span",{key:"pt",class:"vxe-form--item-title-prefix"},t.callSlot(n,E))),I&&w.push(I.content||I.message?(0,_vue.h)(_tooltip.default,Object.assign(Object.assign(Object.assign({key:"pm"},y),I),{content:(0,_utils.getFuncText)(I.content||I.message)}),{default:()=>renderPrefixIcon(I)}):renderPrefixIcon(I)),q?q.renderFormItemTitle||q.renderItemTitle:null),q=(w.push((0,_vue.h)("span",{key:"pl",class:"vxe-form--item-title-label"},i?t.callSlot(i,E):n?(0,_vn.getSlotVNs)(n(v,E)):(0,_utils.getFuncText)(e.title))),[]),i=(C&&q.push(C.content||C.message?(0,_vue.h)(_tooltip.default,Object.assign(Object.assign(Object.assign({key:"sm"},y),C),{content:(0,_utils.getFuncText)(C.content||C.message)}),{default:()=>renderSuffixIcon(C)}):renderSuffixIcon(C)),s&&q.push((0,_vue.h)("span",{key:"st",class:"vxe-form--item-title-suffix"},t.callSlot(s,E))),O?{onMouseenter(e){t.triggerTitleTipEvent(e,E)},onMouseleave:t.handleTitleTipLeaveEvent}:{}),n=Object.assign({},_xeUtils.default.isFunction(F)?F(E):F,_xeUtils.default.isFunction(h)?h(E):h);return d&&"auto"!==d&&!1!==b&&(n.width=(0,_dom.toCssUnit)(d)),r?(0,_vue.h)("div",Object.assign({class:[l||T?"vxe-form--group-title":"","vxe-form--item-title",o?"align--"+o:"",a?"is--ellipsis":"",N?_xeUtils.default.isFunction(N)?N(E):N:"",x?_xeUtils.default.isFunction(x)?x(E):x:""],style:n,itemid:e.id,title:u?(0,_utils.getFuncText)(c):null},i),[(0,_vue.h)("div",{class:"vxe-form--item-title-content"},w),(0,_vue.h)("div",{class:"vxe-form--item-title-postfix"},q)]):(0,_ui.renderEmptyElement)(t)}function renderItemErrorIcon(t,l){var e=t.getComputeMaps()["computeValidOpts"],e=e.value,{showErrorIcon:i,errorIcon:r}=e,{errRule:s,showIconMsg:n}=l;return i?(0,_vue.h)("div",{key:"emi",class:["vxe-form-item--valid-error-icon-wrapper",{"is--show":n,"is--hide":!n}]},[(0,_vue.h)("span",{class:"vxe-form-item--valid-error-icon-btn",onClick(e){t.handleValidIconEvent(e,{item:l})}},[(0,_vue.h)("i",{class:r||(0,_ui.getIcon)().FORM_VALID_ERROR_ICON})]),(0,_vue.h)("div",{class:"vxe-form-item--valid-error-icon-msg-tip"},s?[(0,_vue.h)("div",{class:"vxe-form-item--valid-error-icon-msg vxe-form-item--valid-error-icon-theme-"+(e.theme||"normal")},s.content||s.message)]:[])]):(0,_ui.renderEmptyElement)(t)}function renderItemContent(e,l){var i=e.props,t=e.reactData,r=e.internalData,s=e.xeGrid,{computeCollapseOpts:n,computeValidOpts:o}=e.getComputeMaps(),r=r["itemFormatCache"],{data:i,readonly:a,disabled:u}=i,t=t["collapseAll"],{slots:d,field:m,itemRender:c,collapseNode:f,errRule:v,formatter:_}=l,p=d?d.default:null,d=d?d.valid:null,n=n.value,o=o.value,{showErrorMessage:g,showMessage:x}=o,h=(0,_utils.isEnableConf)(c)?_ui.renderer.get(c.name):null,I=_xeUtils.default.get(i,m),i={data:i,disabled:u,readonly:a,field:m,property:m,item:l,itemValue:I,$form:e,$grid:s};let C=[];var u=h?h.renderFormItemContent||h.renderItemContent:null;if(p)C=e.callSlot(p,i);else if(u)C=(0,_vn.getSlotVNs)(u(c,i));else if(m){let t=I;if(_){let e;if(m){a=r[m];if(a)if(e=a.formatData){if(e.value===I)return e.label}else e=a.formatData={};else r[m]={field:m}}t=_xeUtils.default.isString(_)?(s=(l=_ui.formats.get(_))?l.formItemFormatMethod:null)?s(i):"":_xeUtils.default.isArray(_)?(p=(h=_ui.formats.get(_[0]))?h.formItemFormatMethod:null)?p(i,..._.slice(1)):"":_(i),e&&(e.value=I,e.label=t)}C=[(0,_utils.eqEmptyValue)(t)?"":""+t]}return f&&C.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:e.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},t?n.unfoldButtonText||(0,_ui.getI18n)("vxe.form.unfolding"):n.foldButtonText||(0,_ui.getI18n)("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",t?n.foldIcon||(0,_ui.getIcon)().FORM_FOLDING:n.unfoldIcon||(0,_ui.getIcon)().FORM_UNFOLDING]})])),v&&(_xeUtils.default.isBoolean(g)?g:x)&&(u=Object.assign(Object.assign({},i),{rule:v}),C.push((0,_vue.h)("div",{class:"vxe-form-item--valid-error-tip",style:v.maxWidth?{width:(0,_dom.toCssUnit)(v.maxWidth)}:null},[(0,_vue.h)("div",{class:"vxe-form-item--valid-error-wrapper vxe-form-item--valid-error-theme-"+(o.theme||"normal")},[d?e.callSlot(d,u):[(0,_vue.h)("span",{class:"vxe-form--item--valid-error-msg"},v.content||v.message)]])]))),(0,_vue.h)("div",{key:"ct",class:"vxe-form--item-inner"},C)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getItemClass=getItemClass,exports.getItemContentClass=getItemContentClass,exports.renderItemContent=renderItemContent,exports.renderItemErrorIcon=renderItemErrorIcon,exports.renderTitle=renderTitle;var _vue=require("vue"),_ui=require("../../ui"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("./util"),_tooltip=_interopRequireDefault(require("../../tooltip/src/tooltip")),_icon=_interopRequireDefault(require("../../icon/src/icon")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function renderPrefixIcon(e){return(0,_vue.h)("span",{class:"vxe-form--item-title-tip-prefix"},[(0,_vue.h)(_icon.default,{class:e.icon||(0,_ui.getIcon)().FORM_PREFIX,status:e.iconStatus})])}function renderSuffixIcon(e){return(0,_vue.h)("span",{class:"vxe-form--item-title-tip-suffix"},[(0,_vue.h)(_icon.default,{class:e.icon||(0,_ui.getIcon)().FORM_SUFFIX,status:e.iconStatus})])}function getItemClass(e,t,l){var i=e.props,r=e.reactData,s=e.xeGrid,{computeSize:n,computeValidOpts:o}=e.getComputeMaps(),{data:i,rules:a,readonly:u,disabled:d,span:m,titleBackground:c,titleBold:f,titleColon:v,titleAsterisk:_,vertical:p,padding:g}=i,r=r["collapseAll"],{folding:x,field:h,itemRender:I,showError:C,className:b,vertical:U,padding:y,children:q,showContent:N}=t,n=n.value,{showErrorMessage:o,showMessage:F,showErrorBackground:O,showErrorIcon:E}=o.value,I=(0,_utils.isEnableConf)(I)?_ui.renderer.get(I.name):null,I=I?I.formItemClassName||I.itemClassName:"",m=t.span||m,g=_xeUtils.default.eqNull(y)?g:y,y=_xeUtils.default.eqNull(U)?p:U,p=_xeUtils.default.eqNull(t.titleBackground)?c:t.titleBackground,U=_xeUtils.default.eqNull(t.titleBold)?f:t.titleBold,c=_xeUtils.default.eqNull(t.titleColon)?v:t.titleColon,f=_xeUtils.default.eqNull(t.titleAsterisk)?_:t.titleAsterisk,v={data:i,disabled:d,readonly:u,field:h,property:h,item:t,$form:e,$grid:s},_=q&&0<q.length;let w=!1,T=!1;!u&&a&&(i=a[h])&&i.length&&(T=!0,w=i.some(e=>e.required));d=_xeUtils.default.isBoolean(o)?o:F;return[l||_?"vxe-form--group":"","vxe-form--item",t.id,m?`vxe-form--item-col_${m} is--span`:"",`${d?"show":"hide"}--err-msg`,b?_xeUtils.default.isFunction(b)?b(v):b:"",I?_xeUtils.default.isFunction(I)?I(v):I:"",{["size--"+n]:n,"is--colon":c,"is--tbg":p,"is--bold":U,"is--padding":g,"is--vertical":y,"is--asterisk":f,"hide--content":!1===N,"is--valid":T,"is--required":w,"is--hidden":x&&r,"is--active":(0,_util.isActiveItem)(e,t),"err--icon":E,"err--bg":O,"is--error":C}]}function getItemContentClass(e,t,l){var i=e.props,r=e.xeGrid,{data:i,readonly:s,disabled:n,align:o,verticalAlign:a}=i,{field:u,itemRender:d,contentClassName:m,children:c}=t,c=c&&0<c.length,d=(0,_utils.isEnableConf)(d)?_ui.renderer.get(d.name):null,d=d?d.formItemContentClassName||d.itemContentClassName:"",o=!c&&_xeUtils.default.eqNull(t.align)?o:t.align,a=!c&&_xeUtils.default.eqNull(t.verticalAlign)?a:t.verticalAlign,i={data:i,disabled:n,readonly:s,field:u,property:u,item:t,$form:e,$grid:r};return[l||c?"vxe-form--group-content vxe-form--item-row":"","vxe-form--item-content",o?"align--"+o:"",a?"vertical-align--"+a:"",d?_xeUtils.default.isFunction(d)?d(i):d:"",m?_xeUtils.default.isFunction(m)?m(i):m:""]}function renderTitle(t,e,l){var i=t.props,r=t.xeGrid,{data:i,readonly:s,disabled:n,titleAlign:o,titleWidth:a,titleOverflow:u,vertical:d}=i;const{slots:m,title:c,field:f,itemRender:v,titleOverflow:_,vertical:p,showTitle:g,titleClassName:x,titleStyle:h,titlePrefix:I,titleSuffix:C,children:b,showContent:U}=e;var y=t.getComputeMaps()["computeTooltipOpts"],y=y.value,q=(0,_utils.isEnableConf)(v)?_ui.renderer.get(v.name):null,N=q?q.formItemTitleClassName||q.itemTitleClassName:"",F=q?q.formItemTitleStyle||q.itemTitleStyle:null,d=_xeUtils.default.eqNull(p)?d:p,o=_xeUtils.default.eqNull(e.titleAlign)?o:e.titleAlign,d=d?null:_xeUtils.default.eqNull(e.titleWidth)?a:e.titleWidth,a=_xeUtils.default.eqNull(_)?u:_,u="title"===a,O=!0===a||"tooltip"===a,a=u||O||"ellipsis"===a;const E={data:i,disabled:n,readonly:s,field:f,property:f,item:e,$form:t,$grid:r};var i=m?m.title:null,n=m?m.prefix:null,s=m?m.suffix||m.extra:null,r=!1!==g&&(c||i),w=b&&0<b.length,T=[],n=(n&&T.push((0,_vue.h)("span",{key:"pt",class:"vxe-form--item-title-prefix"},t.callSlot(n,E))),I&&T.push(I.content||I.message?(0,_vue.h)(_tooltip.default,Object.assign(Object.assign(Object.assign({key:"pm"},y),I),{content:(0,_utils.getFuncText)(I.content||I.message)}),{default:()=>renderPrefixIcon(I)}):renderPrefixIcon(I)),q?q.renderFormItemTitle||q.renderItemTitle:null),q=(T.push((0,_vue.h)("span",{key:"pl",class:"vxe-form--item-title-label"},i?t.callSlot(i,E):n?(0,_vn.getSlotVNs)(n(v,E)):(0,_utils.getFuncText)(e.title))),[]),i=(C&&q.push(C.content||C.message?(0,_vue.h)(_tooltip.default,Object.assign(Object.assign(Object.assign({key:"sm"},y),C),{content:(0,_utils.getFuncText)(C.content||C.message)}),{default:()=>renderSuffixIcon(C)}):renderSuffixIcon(C)),s&&q.push((0,_vue.h)("span",{key:"st",class:"vxe-form--item-title-suffix"},t.callSlot(s,E))),O?{onMouseenter(e){t.triggerTitleTipEvent(e,E)},onMouseleave:t.handleTitleTipLeaveEvent}:{}),n=Object.assign({},_xeUtils.default.isFunction(F)?F(E):F,_xeUtils.default.isFunction(h)?h(E):h);return d&&"auto"!==d&&!1!==U&&(n.width=(0,_dom.toCssUnit)(d)),r?(0,_vue.h)("div",Object.assign({class:[l||w?"vxe-form--group-title":"","vxe-form--item-title",o?"align--"+o:"",a?"is--ellipsis":"",N?_xeUtils.default.isFunction(N)?N(E):N:"",x?_xeUtils.default.isFunction(x)?x(E):x:""],style:n,itemid:e.id,title:u?(0,_utils.getFuncText)(c):null},i),[(0,_vue.h)("div",{class:"vxe-form--item-title-content"},T),(0,_vue.h)("div",{class:"vxe-form--item-title-postfix"},q)]):(0,_ui.renderEmptyElement)(t)}function renderItemErrorIcon(t,l){var e=t.getComputeMaps()["computeValidOpts"],e=e.value,{showErrorIcon:i,errorIcon:r}=e,{errRule:s,showIconMsg:n}=l;return i?(0,_vue.h)("div",{key:"emi",class:["vxe-form-item--valid-error-icon-wrapper",{"is--show":n,"is--hide":!n}]},[(0,_vue.h)("span",{class:"vxe-form-item--valid-error-icon-btn",onClick(e){t.handleValidIconEvent(e,{item:l})}},[(0,_vue.h)("i",{class:r||(0,_ui.getIcon)().FORM_VALID_ERROR_ICON})]),(0,_vue.h)("div",{class:"vxe-form-item--valid-error-icon-msg-tip"},s?[(0,_vue.h)("div",{class:"vxe-form-item--valid-error-icon-msg vxe-form-item--valid-error-icon-theme-"+(e.theme||"normal")},s.content||s.message)]:[])]):(0,_ui.renderEmptyElement)(t)}function renderItemContent(e,l){var i=e.props,t=e.reactData,r=e.internalData,s=e.xeGrid,{computeCollapseOpts:n,computeValidOpts:o}=e.getComputeMaps(),r=r["itemFormatCache"],{data:i,readonly:a,disabled:u}=i,t=t["collapseAll"],{slots:d,field:m,itemRender:c,collapseNode:f,errRule:v,formatter:_}=l,p=d?d.default:null,d=d?d.valid:null,n=n.value,o=o.value,{showErrorMessage:g,showMessage:x}=o,h=(0,_utils.isEnableConf)(c)?_ui.renderer.get(c.name):null,I=_xeUtils.default.get(i,m),i={data:i,disabled:u,readonly:a,field:m,property:m,item:l,itemValue:I,$form:e,$grid:s};let C=[];var u=h?h.renderFormItemContent||h.renderItemContent:null;if(p)C=e.callSlot(p,i);else if(u)C=(0,_vn.getSlotVNs)(u(c,i));else if(m){let t=I;if(_){let e;if(m){a=r[m];if(a)if(e=a.formatData){if(e.value===I)return e.label}else e=a.formatData={};else r[m]={field:m}}t=_xeUtils.default.isString(_)?(s=(l=_ui.formats.get(_))?l.formItemFormatMethod:null)?s(i):"":_xeUtils.default.isArray(_)?(p=(h=_ui.formats.get(_[0]))?h.formItemFormatMethod:null)?p(i,..._.slice(1)):"":_(i),e&&(e.value=I,e.label=t)}C=[(0,_utils.eqEmptyValue)(t)?"":""+t]}return f&&C.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:e.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},t?n.unfoldButtonText||(0,_ui.getI18n)("vxe.form.unfolding"):n.foldButtonText||(0,_ui.getI18n)("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",t?n.foldIcon||(0,_ui.getIcon)().FORM_FOLDING:n.unfoldIcon||(0,_ui.getIcon)().FORM_UNFOLDING]})])),v&&(_xeUtils.default.isBoolean(g)?g:x)&&(u=Object.assign(Object.assign({},i),{rule:v}),C.push((0,_vue.h)("div",{class:"vxe-form-item--valid-error-tip",style:v.maxWidth?{width:(0,_dom.toCssUnit)(v.maxWidth)}:null},[(0,_vue.h)("div",{class:"vxe-form-item--valid-error-wrapper vxe-form-item--valid-error-theme-"+(o.theme||"normal")},[d?e.callSlot(d,u):[(0,_vue.h)("span",{class:"vxe-form--item--valid-error-msg"},v.content||v.message)]])]))),(0,_vue.h)("div",{key:"ct",class:"vxe-form--item-inner"},C)}

package/lib/form/style/style.css

@@ -209,7 +209,7 @@
 }
 .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-table-validate-error-background-color);
+  background-color: var(--vxe-ui-form-validate-error-theme-normal-background-color);
 }
 
 .vxe-form .vxe-form--wrapper {
@@ -283,7 +283,7 @@
   padding: 0 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-table-validate-error-background-color);
+  background-color: var(--vxe-ui-form-validate-error-theme-normal-background-color);
 }
 
 .vxe-form--item.is--padding > .vxe-form--group-content {
@@ -340,6 +340,9 @@
   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;
 }

package/lib/form/style/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-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.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:.2em .6em .25em .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-table-validate-error-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:.2em .6em .25em .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-table-validate-error-background-color)}.vxe-form--item.is--padding>.vxe-form--group-content{padding:0}.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>.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 .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-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.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:.2em .6em .25em .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:.2em .6em .25em .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--padding>.vxe-form--group-content{padding:0}.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 .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)}