vxe-pc-ui 4.5.36 → 4.6.1

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_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,_vue.defineComponent)({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,size:{type:String,default:()=>(0,_ui.getConfig)().dateRangePicker.size||(0,_ui.getConfig)().size},minDate:[String,Number,Date],maxDate:[String,Number,Date],startDay:{type:[String,Number],default:()=>(0,_ui.getConfig)().dateRangePicker.startDay},labelFormat:String,valueFormat: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","prefix-click","suffix-click","date-prev","date-today","date-next","shortcut-click"],setup(P,e){const{slots:S,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 t=_xeUtils.default.uniqueId();const w=(0,_ui.useSize)(P)["computeSize"],E=(0,_vue.reactive)({initialized:!1,panelIndex:0,visiblePanel:!1,isAniVisible:!1,panelStyle:{},panelPlacement:"",isActivated:!1,startValue:"",endValue:""}),o={},_=(0,_vue.ref)(),f=(0,_vue.ref)(),F=(0,_vue.ref)(),R=(0,_vue.ref)(),I=(0,_vue.ref)(),T=(0,_vue.ref)(),C={refElem:_,refInput:f},M={xID:t,props:P,context:e,reactData:E,internalData:o,getRefMaps:()=>C};const N=(0,_vue.computed)(()=>{var e=P["transfer"];if(null===e){var t=(0,_ui.getConfig)().dateRangePicker.transfer;if(_xeUtils.default.isBoolean(t))return t;if(D||c||p||i)return!0}return e}),g=(0,_vue.computed)(()=>{var e=P["readonly"];return null===e?!!i&&i.props.readonly:e}),b=(0,_vue.computed)(()=>{var e=P["disabled"];return null===e?!!i&&i.props.disabled:e});t=(0,_vue.computed)(()=>{var{startValue:e,endValue:t}=P;return""+(e||"")+(t||"")});const z=(0,_vue.computed)(()=>{var e=P["type"];return"time"===e||"datetime"===e}),s=(0,_vue.computed)(()=>-1<["date","week","month","quarter","year"].indexOf(P.type)),A=(0,_vue.computed)(()=>P.clearable),U=(0,_vue.computed)(()=>{var e=P["placeholder"];return(e=e||(0,_ui.getConfig)().dateRangePicker.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseSelect")}),l=(0,_vue.computed)(()=>{var e=P["immediate"];return e}),B=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().dateRangePicker.shortcutConfig,P.shortcutConfig)),q=(0,_vue.computed)(()=>{var e=B.value["options"];return e?e.map((e,t)=>Object.assign({name:""+(e.name||e.code||t)},e)):[]}),$=(0,_vue.computed)(()=>{var e=P["labelFormat"];return e||(0,_ui.getI18n)("vxe.input.date.labelFormat."+P.type)}),m=(0,_vue.computed)(()=>{var{type:e,valueFormat:t}=P;return t||("time"===e?"HH:mm:ss":"datetime"===e?"yyyy-MM-dd HH:mm:ss":"yyyy-MM-dd")}),h=(0,_vue.computed)(()=>{var e=P["startDay"];return _xeUtils.default.toNumber(e)}),O=(0,_vue.computed)(()=>{var{startValue:e,endValue:t}=E,e=e||t?[e||"",t||""]:[];return H(e)}),L=(0,_vue.computed)(()=>{return O.value.label}),H=e=>{var{type:t,separator:a}=P,l=$.value,u=m.value,r=h.value,i=e[0]?(0,_util.parseDateObj)(e[0],t,{valueFormat:u,labelFormat:l,firstDay:r}):null,e=e[1]?(0,_util.parseDateObj)(e[1],t,{valueFormat:u,labelFormat:l,firstDay:r}):null,t=i?i.label:"",u=e?e.label:"";return{label:(t||u?[t,u]:[]).join(""+(a||" ~ ")),startLabel:t,endLabel:u}},y=(e,t)=>{var a=P["modelValue"],a=_xeUtils.default.isArray(a);return e||t?(e=[e||"",t||""],a?e:e.join(",")):a?[]:""},W=()=>{var e,{type:t,modelValue:a}=P,l=m.value;let u="",r="";return _xeUtils.default.isArray(a)?(e=(0,_util.parseDateString)(a[0],t,{valueFormat:l}),t=(0,_util.parseDateString)(a[1],t,{valueFormat:l}),(e||t)&&(u=e||"",r=t||"")):_xeUtils.default.isString(a)&&((l=a.split(","))[0]||l[1])&&(u=l[0]||"",r=l[1]||""),{sValue:u,eValue:r}},K=()=>{var{type:e,startValue:t,endValue:a}=P,l=m.value;return{sValue:(0,_util.parseDateString)(t,e,{valueFormat:l}),eValue:(0,_util.parseDateString)(a,e,{valueFormat:l})}},a=e=>{var{modelValue:t,startValue:a,endValue:l}=P;let u={sValue:"",eValue:""};u=(e?t?W:K:a||l?K:W)(),E.startValue=u.sValue,E.endValue=u.eValue},u=e=>{var{startValue:t,endValue:a}=E,l=y(t,a);k(e.type,{value:l,startValue:t,endValue:a},e)},x=(e,t,a)=>{var l=P["modelValue"],u=(E.startValue=e,E.endValue=t,y(e,t));r("update:modelValue",u),r("update:startValue",e||""),r("update:endValue",t||""),_xeUtils.default.toValueString(l)!==u&&(k("change",{value:u},a),i)&&n&&i.triggerItemEvent(a,n.itemConfig.field,u)},G=e=>{l.value||u(e)},Z=e=>{E.isActivated=!0,ve(e),u(e)},J=e=>{var t,a,l;b.value||({startValue:t,endValue:a}=E,l=y(t,a),k("prefix-click",{value:l,startValue:t,endValue:a},e))},V=()=>new Promise(e=>{E.visiblePanel=!1,o.hpTimeout=setTimeout(()=>{E.isAniVisible=!1,e()},350)}),Q=(e,t)=>{s.value&&V(),x("","",e),k("clear",{value:t},e)},v=()=>{var e=I.value,t=T.value;e&&t&&(e=e.getValue(),t=t.getValue(),e&&t||x("","",{type:"check"}))},X=()=>{var e=P["autoClose"],{startValue:t,endValue:a}=E,l=o["selectStatus"],u=s.value;e?l&&u&&t&&a&&V():t&&a&&(o.selectStatus=!1)},Y=e=>{var t,a,l;b.value||({startValue:t,endValue:a}=E,l=y(t,a),k("suffix-click",{value:l,startValue:t,endValue:a},e))},ee=e=>{var{startValue:t,endValue:a}=E;l.value||x(t,a,e),E.visiblePanel||(E.isActivated=!1),k("blur",{value:"",startValue:t,endValue:a},e),i&&n&&i.triggerItemEvent(e,n.itemConfig.field,"")},te=e=>{u(e)},ae=e=>{u(e)},le=e=>{var t,a,l=I.value,u=T.value;l&&u&&(t=l.getValue(),a=u.getValue(),t&&a?(l.confirmByEvent(e),u.confirmByEvent(e)):x("","",e)),V()},ue=e=>{var t=o["selectStatus"],{value:e,$event:a}=e;const l=t?E.endValue:"";x(e,l,a),X(),t||(o.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=I.value,t=T.value;e&&t&&(e=e.getValue(),!l)&&e&&t.setPanelDate(_xeUtils.default.toStringDate(e))})},re=e=>{var t=o["selectStatus"],{value:e,$event:a}=e;const l=t?E.startValue:"";x(l,e,a),X(),t||(o.selectStatus=!0),(0,_vue.nextTick)(()=>{var e=I.value,t=T.value;e&&t&&(t=t.getValue(),!l)&&t&&e.setPanelDate(_xeUtils.default.toStringDate(t))})},ie=e=>{var{visiblePanel:t,isActivated:a}=E,l=_.value,u=R.value;!b.value&&a&&(E.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,u).flag,E.isActivated||t&&(v(),V()))},ne=e=>{var t=E["visiblePanel"];b.value||t&&(t=R.value,((0,_dom.getEventTargetNode)(e,t).flag?d:V)())},oe=()=>{var e=E["visiblePanel"];e&&V()},d=()=>(0,_vue.nextTick)().then(()=>{var l=P["placement"],u=E["panelIndex"],r=f.value,i=F.value,e=N.value;if(r&&i){var n=r.offsetHeight,o=r.offsetWidth,s=i.offsetHeight,i=i.offsetWidth,u={zIndex:u},{boundingTop:r,boundingLeft:v,visibleHeight:d,visibleWidth:c}=(0,_dom.getAbsolutePos)(r);let a="bottom";if(e){let e=v,t=r+n;"top"===l?(a="top",t=r-s):l||(t+s+5>d&&(a="top",t=r-s),t<5&&(a="bottom",t=r+n)),e+i+5>c&&(e-=e+i+5-c),e<5&&(e=5),Object.assign(u,{left:e+"px",top:t+"px",minWidth:o+"px"})}else"top"===l?(a="top",u.bottom=n+"px"):l||(u.top=n+"px",d<r+n+s&&5<r-n-s&&(a="top",u.top="",u.bottom=n+"px"));return E.panelStyle=u,E.panelPlacement=a,(0,_vue.nextTick)()}}),se=()=>{var e=E["visiblePanel"];return(b.value||e?(0,_vue.nextTick):(E.initialized||(E.initialized=!0),o.hpTimeout&&(clearTimeout(o.hpTimeout),o.hpTimeout=void 0),o.selectStatus=!1,E.isActivated=!0,E.isAniVisible=!0,setTimeout(()=>{E.visiblePanel=!0},10),E.panelIndex<(0,_utils.getLastZIndex)()&&(E.panelIndex=(0,_utils.nextZIndex)()),d))()},ve=e=>{g.value||(e.preventDefault(),se())},de=e=>{u(e)},ce=({option:e,$event:t})=>{var a=P["type"],l=B.value,u=l["autoClose"],{code:r,clickMethod:i}=e,n=E.startValue,o=E.endValue,s=y(n,o),v={$dateRangePicker:M,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(v);else{var d=m.value,c=h.value;switch(r){case"last1":case"last3":case"last7":case"last30":case"last60":case"last90":case"last180":var p=(0,_util.getRangeDateByCode)(r,s,a,{valueFormat:d,firstDay:c}),n=p.startValue,o=p.endValue,s=y(n,o);v.value=s,v.startValue=n,v.endValue=o,x(n,o,t);break;default:(0,_log.errLog)("vxe.error.notCommands",[r])}}}else{e=i||l.clickMethod;e&&e(v)}u&&V(),k("shortcut-click",v,t)},k=(e,t,a)=>{r(e,(0,_ui.createEvent)(a,{$dateRangePicker:M},t))},j=(e={dispatchEvent:k,setModelValue(e,t){E.startValue=e||"",E.endValue=t||"";e=y(e,t);r("update:modelValue",e)},setModelValueByEvent(e,t,a){x(t||"",a||"",e)},focus(){var e=f.value;return E.isActivated=!0,e.focus(),(0,_vue.nextTick)()},blur(){return f.value.blur(),(E.isActivated=!1,_vue.nextTick)()},select(){return f.value.select(),(E.isActivated=!1,_vue.nextTick)()},showPanel:se,hidePanel:V,updatePlacement:d},Object.assign(M,e),(e,t)=>{var a=B.value,{position:l,align:u,mode:r}=a,i=q.value;return(0,_utils.isEnableConf)(a)&&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:t,onClick:ce})]):(0,_ui.renderEmptyElement)(M)}),pe=()=>(0,_vue.h)("div",{class:"vxe-date-range-picker--control-icon",onClick:ve},[(0,_vue.h)("i",{class:["vxe-date-range-picker--date-picker-icon",(0,_ui.getIcon)().DATE_PICKER_DATE]})]);return(0,_vue.watch)(()=>P.modelValue,()=>{a(!0)}),(0,_vue.watch)(t,()=>{a(!1)}),a(!0),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(M,"mousewheel",ne),_ui.globalEvents.on(M,"mousedown",ie),_ui.globalEvents.on(M,"blur",oe)}),(0,_vue.onDeactivated)(()=>{v()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(M,"mousewheel"),_ui.globalEvents.off(M,"mousedown"),_ui.globalEvents.off(M,"blur")}),(0,_vue.onBeforeUnmount)(()=>{v()}),(0,_vue.provide)("$xeDateRangePicker",M),M.renderVN=()=>{var e,t,a,{className:l,type:u,name:r,autoComplete:i}=P,{startValue:n,endValue:o,visiblePanel:s,isActivated:v}=E,d=w.value,c=b.value,p=g.value,m=L.value;return p?(0,_vue.h)("div",{ref:_,class:["vxe-date-range-picker--readonly","type--"+u,l]},m):(p=U.value,e=A.value,a=P.prefixIcon,t=(t=S.prefix)||a?(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix",onClick:J},[(0,_vue.h)("div",{class:"vxe-date-range-picker--prefix-icon"},t?(0,_vn.getSlotVNs)(t({})):[(0,_vue.h)("i",{class:a})])]):null,a=(()=>{var e=P["suffixIcon"],{startValue:t,endValue:a}=E,l=S.suffix,u=b.value,r=A.value;return(0,_vue.h)("div",{class:["vxe-date-range-picker--suffix",{"is--clear":r&&!u&&(t||a)}]},[r?(0,_vue.h)("div",{class:"vxe-date-range-picker--clear-icon",onClick:Q},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().INPUT_CLEAR})]):(0,_ui.renderEmptyElement)(M),pe(),l||e?(0,_vue.h)("div",{class:"vxe-date-range-picker--suffix-icon",onClick:Y},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(M)])})(),(0,_vue.h)("div",{ref:_,class:["vxe-date-range-picker","type--"+u,l,{["size--"+d]:d,"is--prefix":!!t,"is--suffix":!!a,"is--visible":s,"is--disabled":c,"is--active":v,"show--clear":e&&!c&&(n||o)}],spellcheck:!1},[t||(0,_ui.renderEmptyElement)(M),(0,_vue.h)("div",{class:"vxe-date-range-picker--wrapper"},[(0,_vue.h)("input",{ref:f,class:"vxe-date-range-picker--inner",value:m,name:r,type:"text",placeholder:p,readonly:!0,disabled:c,autocomplete:i,onKeydown:te,onKeyup:ae,onClick:de,onChange:G,onFocus:Z,onBlur:ee})]),a||(0,_ui.renderEmptyElement)(M),(()=>{var{type:e,separator:t,autoClose:a,showConfirmButton:l,showClearButton:u}=P,{initialized:r,isAniVisible:i,visiblePanel:n,panelPlacement:o,panelStyle:s,startValue:v,endValue:d}=E,c=w.value,p=N.value,m=B.value,_=A.value,f=O.value,g=q.value,b=z.value,{startLabel:f,endLabel:h}=f,m=m["position"],y=S.header,x=S.footer,V=S.top,k=S.bottom,D=S.left,C=S.right,g=0<g.length,b=null===l?b||!a:l,a=null===u?_:u;return(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!p||!r},[(0,_vue.h)("div",{ref:F,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":!!(V||y||g&&("top"===m||"header"===m)),"show--bottom":!!(k||x||g&&("bottom"===m||"footer"===m)),"show--left":!!(D||g&&"left"===m),"show--right":!!(C||g&&"right"===m)}],placement:o,style:s},r&&(n||i)?[(0,_vue.h)("div",{ref:R,class:["vxe-date-range-picker--layout-all-wrapper","type--"+e,{["size--"+c]:c}]},[V?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-top-wrapper"},V({})):j("top"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-layout-wrapper"},[D?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-left-wrapper"},D({})):j("left",!0),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-content-wrapper"},[y?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-header-wrapper"},y({})):j("header"),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-body-wrapper"},[(0,_vue.h)(_datePanel.default,{ref:I,modelValue:v,type:P.type,className:P.className,minDate:P.minDate,maxDate:P.maxDate,startDay:P.startDay,endDate:d,labelFormat:P.labelFormat,valueFormat:P.valueFormat,festivalMethod:P.festivalMethod,disabledMethod:P.disabledMethod,selectDay:P.selectDay,onChange:ue}),(0,_vue.h)(_datePanel.default,{ref:T,modelValue:d,type:P.type,className:P.className,minDate:P.minDate,maxDate:P.maxDate,startDay:P.startDay,startDate:v,labelFormat:P.labelFormat,valueFormat:P.valueFormat,festivalMethod:P.festivalMethod,disabledMethod:P.disabledMethod,selectDay:P.selectDay,onChange:re})]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-label"},f||h?[(0,_vue.h)("span",f),(0,_vue.h)("span",""+(t||"")),(0,_vue.h)("span",h)]:[]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-custom"},x?x({}):[j("footer")]),(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-footer-btns"},[a?(0,_vue.h)(_button.default,{size:"mini",disabled:!(v||d),content:(0,_ui.getI18n)("vxe.button.clear"),onClick:Q}):(0,_ui.renderEmptyElement)(M),b?(0,_vue.h)(_button.default,{size:"mini",status:"primary",content:(0,_ui.getI18n)("vxe.button.confirm"),onClick:le}):(0,_ui.renderEmptyElement)(M)])])]),C?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-right-wrapper"},C({})):j("right",!0)]),k?(0,_vue.h)("div",{class:"vxe-date-range-picker--layout-bottom-wrapper"},k({})):j("bottom")])]:[])])})()]))},M},render(){return this.renderVN()}});

package/lib/date-range-picker/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/date-range-picker/style/style.css

@@ -0,0 +1,284 @@
+.vxe-date-range-picker--readonly {
+  color: var(--vxe-ui-font-color);
+  display: inline-flex;
+}
+
+.vxe-date-range-picker--wrapper {
+  flex-grow: 1;
+  overflow: hidden;
+}
+
+.vxe-date-range-picker--inner {
+  display: block;
+  width: 100%;
+  height: 100%;
+  outline: 0;
+  margin: 0;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+  padding: 0 0.5em;
+  color: var(--vxe-ui-font-color);
+  border: 0;
+  border-radius: var(--vxe-ui-base-border-radius);
+  background-color: var(--vxe-ui-layout-background-color);
+  box-shadow: none;
+}
+.vxe-date-range-picker--inner::-moz-placeholder {
+  color: var(--vxe-ui-input-placeholder-color);
+}
+.vxe-date-range-picker--inner::placeholder {
+  color: var(--vxe-ui-input-placeholder-color);
+}
+.vxe-date-range-picker--inner::-webkit-autofill {
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-date-range-picker--inner[disabled] {
+  cursor: not-allowed;
+  color: var(--vxe-ui-font-disabled-color);
+  background-color: var(--vxe-ui-input-disabled-background-color);
+}
+
+.vxe-date-range-picker.is--disabled {
+  background-color: var(--vxe-ui-input-disabled-background-color);
+}
+.vxe-date-range-picker.is--disabled .vxe-date-range-picker--prefix,
+.vxe-date-range-picker.is--disabled .vxe-date-range-picker--suffix,
+.vxe-date-range-picker.is--disabled .vxe-date-range-picker--clear-icon,
+.vxe-date-range-picker.is--disabled .vxe-date-range-picker--control-icon {
+  cursor: not-allowed;
+}
+.vxe-date-range-picker.is--disabled .vxe-date-range-picker--prefix,
+.vxe-date-range-picker.is--disabled .vxe-date-range-picker--suffix {
+  background-color: var(--vxe-ui-input-disabled-background-color);
+}
+
+.vxe-date-range-picker {
+  display: inline-flex;
+  flex-direction: row;
+  position: relative;
+  border-radius: var(--vxe-ui-base-border-radius);
+  width: 330px;
+  border: 1px solid var(--vxe-ui-input-border-color);
+}
+.vxe-date-range-picker.is--active {
+  border: 1px solid var(--vxe-ui-font-primary-color);
+}
+.vxe-date-range-picker.show--clear:hover .vxe-date-range-picker--clear-icon {
+  display: block;
+}
+
+.vxe-date-range-picker--prefix,
+.vxe-date-range-picker--suffix {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-shrink: 0;
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-date-range-picker--prefix-icon {
+  padding-left: 0.5em;
+}
+
+.vxe-date-range-picker--clear-icon,
+.vxe-date-range-picker--control-icon,
+.vxe-date-range-picker--suffix-icon {
+  padding-right: 0.5em;
+}
+
+.vxe-date-range-picker--clear-icon,
+.vxe-date-range-picker--control-icon {
+  height: 100%;
+  color: var(--vxe-ui-input-placeholder-color);
+  cursor: pointer;
+}
+
+.vxe-date-range-picker--clear-icon {
+  display: none;
+}
+.vxe-date-range-picker--clear-icon:hover {
+  color: var(--vxe-ui-font-color);
+}
+.vxe-date-range-picker--clear-icon:active {
+  color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-date-range-picker--panel {
+  display: none;
+  position: absolute;
+  left: 0;
+  padding: 4px 0;
+  color: var(--vxe-ui-font-color);
+  font-size: var(--vxe-ui-font-size-default);
+  text-align: left;
+}
+.vxe-date-range-picker--panel.is--transfer {
+  position: fixed;
+}
+.vxe-date-range-picker--panel.ani--leave {
+  display: block;
+  opacity: 0;
+  transform: scaleY(0.5);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+  backface-visibility: hidden;
+  transform-style: preserve-3d;
+}
+.vxe-date-range-picker--panel.ani--leave[placement=top] {
+  transform-origin: center bottom;
+}
+.vxe-date-range-picker--panel.ani--enter {
+  opacity: 1;
+  transform: scaleY(1);
+}
+.vxe-date-range-picker--panel.ani--enter > div::after {
+  display: none;
+}
+.vxe-date-range-picker--panel > div::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.vxe-date-range-picker--panel {
+  pointer-events: none;
+}
+.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper, .vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper {
+  border-top-right-radius: 0;
+}
+.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper, .vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper {
+  border-bottom-right-radius: 0;
+}
+.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper, .vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper {
+  border-bottom-left-radius: 0;
+}
+.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper, .vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper {
+  border-top-left-radius: 0;
+}
+.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper {
+  border-top-width: 1px;
+}
+.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper {
+  border-bottom-width: 1px;
+}
+.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper {
+  border-left-width: 1px;
+}
+.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper,
+.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper {
+  border-right-width: 1px;
+}
+
+.vxe-date-range-picker--layout-all-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  pointer-events: auto;
+  background-color: var(--vxe-ui-layout-background-color);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
+  border-radius: var(--vxe-ui-base-border-radius);
+  line-height: 1.5;
+}
+
+.vxe-date-range-picker--layout-body-layout-wrapper {
+  display: flex;
+  flex-direction: row;
+  white-space: nowrap;
+}
+
+.vxe-date-range-picker--layout-body-content-wrapper,
+.vxe-date-range-picker--layout-body-layout-wrapper,
+.vxe-date-range-picker--layout-body-wrapper {
+  flex-grow: 1;
+}
+
+.vxe-date-range-picker--layout-body-wrapper {
+  display: flex;
+  flex-direction: row;
+}
+
+.vxe-date-range-picker--layout-top-wrapper,
+.vxe-date-range-picker--layout-bottom-wrapper,
+.vxe-date-range-picker--layout-left-wrapper,
+.vxe-date-range-picker--layout-right-wrapper,
+.vxe-date-range-picker--layout-header-wrapper,
+.vxe-date-range-picker--layout-footer-wrapper {
+  flex-shrink: 0;
+}
+
+.vxe-date-range-picker--layout-top-wrapper {
+  border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-date-range-picker--layout-bottom-wrapper {
+  border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-date-range-picker--layout-left-wrapper {
+  border-right: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-date-range-picker--layout-right-wrapper {
+  border-left: 1px solid var(--vxe-ui-base-popup-border-color);
+}
+
+.vxe-date-range-picker--layout-footer-wrapper {
+  display: flex;
+  flex-direction: row;
+  padding: 0 0.8em 0.8em 0.8em;
+}
+
+.vxe-date-range-picker--layout-footer-label {
+  padding-right: 0.8em;
+  flex-shrink: 0;
+}
+
+.vxe-date-range-picker--layout-footer-custom {
+  flex-grow: 1;
+  text-align: right;
+}
+
+.vxe-date-range-picker--layout-footer-btns {
+  flex-shrink: 0;
+  padding-left: 0.8em;
+}
+
+.vxe-date-range-picker {
+  font-size: var(--vxe-ui-font-size-default);
+  height: var(--vxe-ui-input-height-default);
+  line-height: var(--vxe-ui-input-height-default);
+}
+.vxe-date-range-picker.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+  height: var(--vxe-ui-input-height-medium);
+  line-height: var(--vxe-ui-input-height-medium);
+}
+.vxe-date-range-picker.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+  height: var(--vxe-ui-input-height-small);
+  line-height: var(--vxe-ui-input-height-small);
+}
+.vxe-date-range-picker.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+  height: var(--vxe-ui-input-height-mini);
+  line-height: var(--vxe-ui-input-height-mini);
+}

package/lib/date-range-picker/style/style.min.css

@@ -0,0 +1 @@
+.vxe-date-range-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-date-range-picker--wrapper{flex-grow:1;overflow:hidden}.vxe-date-range-picker--inner{display:block;width:100%;height:100%;outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .5em;color:var(--vxe-ui-font-color);border:0;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color);box-shadow:none}.vxe-date-range-picker--inner::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-range-picker--inner::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-date-range-picker--inner::-webkit-autofill{background-color:var(--vxe-ui-layout-background-color)}.vxe-date-range-picker--inner[disabled]{cursor:not-allowed;color:var(--vxe-ui-font-disabled-color);background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-range-picker.is--disabled{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-range-picker.is--disabled .vxe-date-range-picker--clear-icon,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--control-icon,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--prefix,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--suffix{cursor:not-allowed}.vxe-date-range-picker.is--disabled .vxe-date-range-picker--prefix,.vxe-date-range-picker.is--disabled .vxe-date-range-picker--suffix{background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-date-range-picker{display:inline-flex;flex-direction:row;position:relative;border-radius:var(--vxe-ui-base-border-radius);width:330px;border:1px solid var(--vxe-ui-input-border-color)}.vxe-date-range-picker.is--active{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-date-range-picker.show--clear:hover .vxe-date-range-picker--clear-icon{display:block}.vxe-date-range-picker--prefix,.vxe-date-range-picker--suffix{display:flex;flex-direction:row;align-items:center;flex-shrink:0;background-color:var(--vxe-ui-layout-background-color)}.vxe-date-range-picker--prefix-icon{padding-left:.5em}.vxe-date-range-picker--clear-icon,.vxe-date-range-picker--control-icon,.vxe-date-range-picker--suffix-icon{padding-right:.5em}.vxe-date-range-picker--clear-icon,.vxe-date-range-picker--control-icon{height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-date-range-picker--clear-icon{display:none}.vxe-date-range-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-date-range-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-date-range-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);font-size:var(--vxe-ui-font-size-default);text-align:left}.vxe-date-range-picker--panel.is--transfer{position:fixed}.vxe-date-range-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-date-range-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-date-range-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-date-range-picker--panel.ani--enter>div::after{display:none}.vxe-date-range-picker--panel>div::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-date-range-picker--panel{pointer-events:none}.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper{border-top-right-radius:0}.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper{border-bottom-right-radius:0}.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper{border-bottom-left-radius:0}.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper{border-top-left-radius:0}.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--top .vxe-date-range-picker--layout-wrapper{border-top-width:1px}.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--bottom .vxe-date-range-picker--layout-wrapper{border-bottom-width:1px}.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--left .vxe-date-range-picker--layout-wrapper{border-left-width:1px}.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-datetime-layout-wrapper,.vxe-date-range-picker--panel.show--right .vxe-date-range-picker--layout-wrapper{border-right-width:1px}.vxe-date-range-picker--layout-all-wrapper{display:inline-flex;flex-direction:column;pointer-events:auto;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius);line-height:1.5}.vxe-date-range-picker--layout-body-layout-wrapper{display:flex;flex-direction:row;white-space:nowrap}.vxe-date-range-picker--layout-body-content-wrapper,.vxe-date-range-picker--layout-body-layout-wrapper,.vxe-date-range-picker--layout-body-wrapper{flex-grow:1}.vxe-date-range-picker--layout-body-wrapper{display:flex;flex-direction:row}.vxe-date-range-picker--layout-bottom-wrapper,.vxe-date-range-picker--layout-footer-wrapper,.vxe-date-range-picker--layout-header-wrapper,.vxe-date-range-picker--layout-left-wrapper,.vxe-date-range-picker--layout-right-wrapper,.vxe-date-range-picker--layout-top-wrapper{flex-shrink:0}.vxe-date-range-picker--layout-top-wrapper{border-bottom:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-bottom-wrapper{border-top:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-left-wrapper{border-right:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-right-wrapper{border-left:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-date-range-picker--layout-footer-wrapper{display:flex;flex-direction:row;padding:0 .8em .8em .8em}.vxe-date-range-picker--layout-footer-label{padding-right:.8em;flex-shrink:0}.vxe-date-range-picker--layout-footer-custom{flex-grow:1;text-align:right}.vxe-date-range-picker--layout-footer-btns{flex-shrink:0;padding-left:.8em}.vxe-date-range-picker{font-size:var(--vxe-ui-font-size-default);height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-date-range-picker.size--medium{font-size:var(--vxe-ui-font-size-medium);height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-date-range-picker.size--small{font-size:var(--vxe-ui-font-size-small);height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-date-range-picker.size--mini{font-size:var(--vxe-ui-font-size-mini);height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}

package/lib/form/render/index.js

@@ -95,10 +95,14 @@ function getNativeElementOns(renderOpts, params, modelFunc, changeFunc) {
  * @param modelFunc
  * @param changeFunc
  */
-function getComponentOns(renderOpts, params, modelFunc, changeFunc) {
+function getComponentOns(renderOpts, params, eFns, eventOns) {
   const {
     events
   } = renderOpts;
+  const {
+    model: modelFunc,
+    change: changeFunc
+  } = eFns || {};
   const modelEvent = (0, _vn.getModelEvent)(renderOpts.name);
   const changeEvent = (0, _vn.getChangeEvent)(renderOpts.name);
   const ons = {};
@@ -128,7 +132,7 @@ function getComponentOns(renderOpts, params, modelFunc, changeFunc) {
       }
     };
   }
-  return ons;
+  return eventOns ? Object.assign(ons, eventOns) : ons;
 }
 function getItemOns(renderOpts, params) {
   const {
@@ -136,12 +140,15 @@ function getItemOns(renderOpts, params) {
     data,
     field
   } = params;
-  return getComponentOns(renderOpts, params, value => {
-    // 处理 model 值双向绑定
-    _xeUtils.default.set(data, field, value);
-  }, () => {
-    // 处理 change 事件相关逻辑
-    $form.updateStatus(params);
+  return getComponentOns(renderOpts, params, {
+    model(value) {
+      // 处理 model 值双向绑定
+      _xeUtils.default.set(data, field, value);
+    },
+    change(params) {
+      // 处理 change 事件相关逻辑
+      $form.updateStatus(params);
+    }
   });
 }
 function getNativeItemOns(renderOpts, params) {
@@ -166,12 +173,15 @@ function renderNativeOptgroup(renderOpts, params, renderOptionsMethods) {
   } = renderOpts;
   const groupOptions = optionGroupProps.options || 'options';
   const groupLabel = optionGroupProps.label || 'label';
-  return optionGroups.map((group, gIndex) => {
-    return (0, _vue.h)('optgroup', {
-      key: gIndex,
-      label: group[groupLabel]
-    }, renderOptionsMethods(group[groupOptions], renderOpts, params));
-  });
+  if (optionGroups) {
+    return optionGroups.map((group, gIndex) => {
+      return (0, _vue.h)('optgroup', {
+        key: gIndex,
+        label: group[groupLabel]
+      }, renderOptionsMethods(group[groupOptions], renderOpts, params));
+    });
+  }
+  return [];
 }
 /**
  * 渲染表单-项
@@ -242,15 +252,18 @@ function renderNativeFormOptions(options, renderOpts, params) {
   const valueProp = optionProps.value || 'value';
   const disabledProp = optionProps.disabled || 'disabled';
   const cellValue = _xeUtils.default.get(data, field);
-  return options.map((item, oIndex) => {
-    return (0, _vue.h)('option', {
-      key: oIndex,
-      value: item[valueProp],
-      disabled: item[disabledProp],
-      /* eslint-disable eqeqeq */
-      selected: item[valueProp] == cellValue
-    }, item[labelProp]);
-  });
+  if (options) {
+    return options.map((item, oIndex) => {
+      return (0, _vue.h)('option', {
+        key: oIndex,
+        value: item[valueProp],
+        disabled: item[disabledProp],
+        /* eslint-disable eqeqeq */
+        selected: item[valueProp] == cellValue
+      }, item[labelProp]);
+    });
+  }
+  return [];
 }
 /**
  * 渲染表单-项
@@ -354,6 +367,47 @@ _ui.renderer.mixin({
     formItemAutoFocus: 'input',
     renderFormItemContent: defaultItemRender
   },
+  VxeDateRangePicker: {
+    formItemAutoFocus: 'input',
+    renderFormItemContent(renderOpts, params) {
+      const {
+        startField,
+        endField
+      } = renderOpts;
+      const {
+        $form,
+        data,
+        field
+      } = params;
+      const itemValue = _xeUtils.default.get(data, field);
+      const seProps = {};
+      const seOs = {};
+      if (startField && endField) {
+        seProps.startValue = _xeUtils.default.get(data, startField);
+        seProps.endValue = _xeUtils.default.get(data, endField);
+        seOs['onUpdate:startValue'] = value => {
+          if (startField) {
+            _xeUtils.default.set(data, startField, value);
+          }
+        };
+        seOs['onUpdate:endValue'] = value => {
+          if (endField) {
+            _xeUtils.default.set(data, endField, value);
+          }
+        };
+      }
+      return [(0, _vue.h)(getDefaultComponent(renderOpts), Object.assign(Object.assign({}, getComponentFormItemProps(renderOpts, params, itemValue, seProps)), getComponentOns(renderOpts, params, {
+        model(value) {
+          // 处理 model 值双向绑定
+          _xeUtils.default.set(data, field, value);
+        },
+        change() {
+          // 处理 change 事件相关逻辑
+          $form.updateStatus(params);
+        }
+      }, seOs)))];
+    }
+  },
   VxeButton: {
     renderFormItemContent: defaultFormItemRender
   },

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({name:e}){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"],m=(0,_vn.getModelEvent)(e.name),s=(0,_vn.getChangeEvent)(e.name),u=s===m,a={};return r&&_xeUtils.default.objectEach(r,(t,e)=>{a[(0,_vn.getOnName)(e)]=function(...e){t(n,...e)}}),t&&(a[(0,_vn.getOnName)(m)]=function(e){t(e),u&&o&&o(e),r&&r[m]&&r[m](n,e)}),!u&&o&&(a[(0,_vn.getOnName)(s)]=function(...e){o(...e),r&&r[s]&&r[s](n,...e)}),a}function getComponentOns(e,n,t,o){const r=e["events"],m=(0,_vn.getModelEvent)(e.name),s=(0,_vn.getChangeEvent)(e.name),u={};return _xeUtils.default.objectEach(r,(t,e)=>{u[(0,_vn.getOnName)(e)]=function(...e){"development"!==process.env.NODE_ENV||_xeUtils.default.isFunction(t)||(0,_log.errLog)("vxe.error.errFunc",[t]),t(n,...e)}}),t&&(u[(0,_vn.getOnName)(m)]=function(e){t(e),r&&r[m]&&r[m](n,e)}),o&&(u[(0,_vn.getOnName)(s)]=function(...e){o(...e),r&&r[s]&&r[s](n,...e)}),u}function getItemOns(e,t){const{$form:n,data:o,field:r}=t;return getComponentOns(e,t,e=>{_xeUtils.default.set(o,r,e)},()=>{n.updateStatus(t)})}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 m=t.options||"options",s=t.label||"label";return e.map((e,t)=>(0,_vue.h)("optgroup",{key:t,label:e[s]},r(e[m],n,o)))}function nativeItemRender(e,t){var{data:n,field:o}=t,r=e["name"],m=getNativeAttrs(e),n=_xeUtils.default.get(n,o);return[(0,_vue.h)(r,Object.assign(Object.assign(Object.assign({class:"vxe-default-"+r},m),{value:!m||"input"!==r||"submit"!==m.type&&"reset"!==m.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){return e.children.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",m=t.value||"value",s=t.disabled||"disabled",u=_xeUtils.default.get(n,o);return e.map((e,t)=>(0,_vue.h)("option",{key:t,value:e[m],disabled:e[s],selected:e[m]==u},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:m}=t,r=_xeUtils.default.get(r,m);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:m,field:s}=t;const u=r.label||"label",a=r.value||"value",i=r.disabled||"disabled";m=_xeUtils.default.get(m,s);const d=getOldComponentName(n);return o?[(0,_vue.h)((0,_vue.resolveComponent)(d+"-group"),Object.assign(Object.assign({},getComponentFormItemProps(e,t,m)),getItemOns(e,t)),{default:()=>o.map((e,t)=>(0,_vue.h)((0,_vue.resolveComponent)(d),{key:t,label:e[a],content:e[u],disabled:e[i]}))})]:[(0,_vue.h)((0,_vue.resolveComponent)(d),Object.assign(Object.assign({},getComponentFormItemProps(e,t,m)),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},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:m,optionGroups:s,optionGroupProps:u}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getDefaultComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:m,optionGroups:s,optionGroupProps:u})),getItemOns(e,t)))]}},VxeTreeSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps: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:m})),getItemOns(e,t)))]}},VxeTableSelect:{formItemAutoFocus:"input",renderFormItemContent(e,t){var{data:n,field:o}=t,{options:r,optionProps: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:m})),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:m,optionGroups:s,optionGroupProps:u}=e,n=_xeUtils.default.get(n,o);return[(0,_vue.h)(getOldComponent(e),Object.assign(Object.assign({},getComponentFormItemProps(e,t,n,{options:r,optionProps:m,optionGroups:s,optionGroupProps:u})),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({name:e}){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.name),m=(0,_vn.getChangeEvent)(e.name),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.name),u=(0,_vn.getChangeEvent)(e.name),i={};return _xeUtils.default.objectEach(r,(t,e)=>{i[(0,_vn.getOnName)(e)]=function(...e){"development"!==process.env.NODE_ENV||_xeUtils.default.isFunction(t)||(0,_log.errLog)("vxe.error.errFunc",[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(e){n.updateStatus(e)}})}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){return e.children.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(e,t){const{startField:n,endField:o}=e,{$form:r,data:s,field:m}=t;var a=_xeUtils.default.get(s,m),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,a,u)),getComponentOns(e,t,{model(e){_xeUtils.default.set(s,m,e)},change(){r.updateStatus(t)}},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/style/style.css

@@ -282,6 +282,7 @@
 .vxe-form--item.is--span .vxe-number-input,
 .vxe-form--item.is--span .vxe-password-input,
 .vxe-form--item.is--span .vxe-date-picker,
+.vxe-form--item.is--span .vxe-date-range-picker,
 .vxe-form--item.is--span .vxe-textarea,
 .vxe-form--item.is--span .vxe-select,
 .vxe-form--item.is--span .vxe-tree-select,
@@ -293,6 +294,7 @@
 .vxe-form--item.is--error .vxe-number-input,
 .vxe-form--item.is--error .vxe-password-input,
 .vxe-form--item.is--error .vxe-date-picker,
+.vxe-form--item.is--error .vxe-date-range-picker,
 .vxe-form--item.is--error .vxe-textarea > .vxe-textarea--inner,
 .vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box,
 .vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn > .vxe-button,
@@ -309,6 +311,7 @@
 .vxe-form--item.is--error .vxe-number-input:focus,
 .vxe-form--item.is--error .vxe-password-input:focus,
 .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-textarea > .vxe-textarea--inner:focus,
 .vxe-form--item.is--error .vxe-default-input[type=text]:focus,
 .vxe-form--item.is--error .vxe-default-input[type=search]:focus,

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{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-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-extra{display:flex;flex-direction:row;align-items:center;justify-content:right;flex-grow:1}.vxe-form--item-title{flex-shrink:0}.vxe-form--item-content{display:flex;flex-direction:row;align-items:center;position:relative;flex-grow:1;word-break:break-all}.vxe-form--group-content{align-items:flex-start}.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:12px;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 .3em .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.is--padding.is--vertical>.vxe-form--item-title{padding:0 .6em}.vxe-form--item.is--padding:not(.is--vertical)>.vxe-form--item-title{height:100%;padding:.6em}.vxe-form--item.is--padding>.vxe-form--item-content{padding:.6em}.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-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 .vxe-date-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-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 .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:calc(var(--vxe-ui-form-item-min-height-default))}.vxe-form .vxe-form--item .vxe-form--item-content{min-height:calc(var(--vxe-ui-form-item-min-height-default))}.vxe-form.is--border .vxe-form--item .vxe-form--item-title{min-height:calc(var(--vxe-ui-form-item-min-height-default))}.vxe-form.is--border.size--medium .vxe-form--item .vxe-form--item-title{min-height:calc(var(--vxe-ui-form-item-min-height-medium))}.vxe-form.is--border.size--small .vxe-form--item .vxe-form--item-title{min-height:calc(var(--vxe-ui-form-item-min-height-small))}.vxe-form.is--border.size--mini .vxe-form--item .vxe-form--item-title{min-height:calc(var(--vxe-ui-form-item-min-height-mini))}.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:calc(var(--vxe-ui-form-item-min-height-medium))}.vxe-form.size--medium .vxe-form--item .vxe-form--item-content{min-height:calc(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:calc(var(--vxe-ui-form-item-min-height-small))}.vxe-form.size--small .vxe-form--item .vxe-form--item-content{min-height:calc(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:calc(var(--vxe-ui-form-item-min-height-mini))}.vxe-form.size--mini .vxe-form--item .vxe-form--item-content{min-height:calc(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{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-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-extra{display:flex;flex-direction:row;align-items:center;justify-content:right;flex-grow:1}.vxe-form--item-title{flex-shrink:0}.vxe-form--item-content{display:flex;flex-direction:row;align-items:center;position:relative;flex-grow:1;word-break:break-all}.vxe-form--group-content{align-items:flex-start}.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:12px;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 .3em .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.is--padding.is--vertical>.vxe-form--item-title{padding:0 .6em}.vxe-form--item.is--padding:not(.is--vertical)>.vxe-form--item-title{height:100%;padding:.6em}.vxe-form--item.is--padding>.vxe-form--item-content{padding:.6em}.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 .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 .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:calc(var(--vxe-ui-form-item-min-height-default))}.vxe-form .vxe-form--item .vxe-form--item-content{min-height:calc(var(--vxe-ui-form-item-min-height-default))}.vxe-form.is--border .vxe-form--item .vxe-form--item-title{min-height:calc(var(--vxe-ui-form-item-min-height-default))}.vxe-form.is--border.size--medium .vxe-form--item .vxe-form--item-title{min-height:calc(var(--vxe-ui-form-item-min-height-medium))}.vxe-form.is--border.size--small .vxe-form--item .vxe-form--item-title{min-height:calc(var(--vxe-ui-form-item-min-height-small))}.vxe-form.is--border.size--mini .vxe-form--item .vxe-form--item-title{min-height:calc(var(--vxe-ui-form-item-min-height-mini))}.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:calc(var(--vxe-ui-form-item-min-height-medium))}.vxe-form.size--medium .vxe-form--item .vxe-form--item-content{min-height:calc(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:calc(var(--vxe-ui-form-item-min-height-small))}.vxe-form.size--small .vxe-form--item .vxe-form--item-content{min-height:calc(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:calc(var(--vxe-ui-form-item-min-height-mini))}.vxe-form.size--mini .vxe-form--item .vxe-form--item-content{min-height:calc(var(--vxe-ui-form-item-min-height-mini))}