vue-admin-core/theme-chalk/formily/form-item/index.css

A Component Library for Vue 3

.vac-f-form-item-item-col-24{flex:0 0 100%;max-width:100%}.vac-f-form-item-item-col-23{flex:0 0 95.83333333%;max-width:95.83333333%}.vac-f-form-item-item-col-22{flex:0 0 91.66666667%;max-width:91.66666667%}.vac-f-form-item-item-col-21{flex:0 0 87.5%;max-width:87.5%}.vac-f-form-item-item-col-20{flex:0 0 83.33333333%;max-width:83.33333333%}.vac-f-form-item-item-col-19{flex:0 0 79.16666667%;max-width:79.16666667%}.vac-f-form-item-item-col-18{flex:0 0 75%;max-width:75%}.vac-f-form-item-item-col-17{flex:0 0 70.83333333%;max-width:70.83333333%}.vac-f-form-item-item-col-16{flex:0 0 66.66666667%;max-width:66.66666667%}.vac-f-form-item-item-col-15{flex:0 0 62.5%;max-width:62.5%}.vac-f-form-item-item-col-14{flex:0 0 58.33333333%;max-width:58.33333333%}.vac-f-form-item-item-col-13{flex:0 0 54.16666667%;max-width:54.16666667%}.vac-f-form-item-item-col-12{flex:0 0 50%;max-width:50%}.vac-f-form-item-item-col-11{flex:0 0 45.83333333%;max-width:45.83333333%}.vac-f-form-item-item-col-10{flex:0 0 41.66666667%;max-width:41.66666667%}.vac-f-form-item-item-col-9{flex:0 0 37.5%;max-width:37.5%}.vac-f-form-item-item-col-8{flex:0 0 33.33333333%;max-width:33.33333333%}.vac-f-form-item-item-col-7{flex:0 0 29.16666667%;max-width:29.16666667%}.vac-f-form-item-item-col-6{flex:0 0 25%;max-width:25%}.vac-f-form-item-item-col-5{flex:0 0 20.83333333%;max-width:20.83333333%}.vac-f-form-item-item-col-4{flex:0 0 16.66666667%;max-width:16.66666667%}.vac-f-form-item-item-col-3{flex:0 0 12.5%;max-width:12.5%}.vac-f-form-item-item-col-2{flex:0 0 8.33333333%;max-width:8.33333333%}.vac-f-form-item-item-col-1{flex:0 0 4.16666667%;max-width:4.16666667%}.vac-f-form-item-item-col-0{display:none}.vac-f-form-item-help-appear,.vac-f-form-item-help-enter{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.vac-f-form-item-help-appear.vac-f-form-item-help-appear-active,.vac-f-form-item-help-enter.vac-f-form-item-help-enter-active{animation-name:antShowHelpIn;animation-play-state:running}.vac-f-form-item-help-appear,.vac-f-form-item-help-enter{opacity:0}.vac-f-form-item-help-appear,.vac-f-form-item-help-enter{animation-timing-function:cubic-bezier(.645,.045,.355,1)}@keyframes antShowHelpIn{0%{transform:translateY(-5px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes antShowHelpOut{to{transform:translateY(-5px);opacity:0}}.vac-f-form-item{--vac-f-form-item-label-font-size:var(--el-font-size-base);--vac-f-form-item-large-line-height:40px;--vac-f-form-item-medium-line-height:32px;--vac-f-form-item-small-line-height:24px;--vac-f-form-item-label-top-line-height:40px;--vac-f-form-item-error-line-height:22px;--vac-f-form-item-margin-bottom:22px;--vac-f-form-item-label-tooltip-color:var(--el-text-color-secondary);--vac-f-form-item-extra-large:var(--el-font-size-extra-large);--vac-f-form-item-large:var(--el-font-size-large);--vac-f-form-item-medium:var(--el-font-size-medium);--vac-f-form-item-base:var(--el-font-size-base);--vac-f-form-item-small:var(--el-font-size-small);--vac-f-form-item-extra-small:var(--el-font-size-extra-small)}.vac-f-form-item{display:flex;margin-bottom:var(--vac-f-form-item-margin-bottom);position:relative;line-height:var(--vac-f-form-item-medium-line-height);font-size:var(--vac-f-form-item-base)}.vac-f-form-item-label *{line-height:var(--vac-f-form-item-medium-line-height)}.vac-f-form-item-label-content{min-height:var(--vac-f-form-item-medium-line-height)}.vac-f-form-item-content-component{line-height:var(--vac-f-form-item-medium-line-height)}.vac-f-form-item .el-cascader,.vac-f-form-item .el-date-editor--daterange,.vac-f-form-item .el-date-editor--datetimerange,.vac-f-form-item .el-date-editor--timerange,.vac-f-form-item .el-date-editor.el-input,.vac-f-form-item .el-date-editor.el-input__inner,.vac-f-form-item .el-input,.vac-f-form-item .el-input-number,.vac-f-form-item .el-input-number.is-controls-right,.vac-f-form-item .el-select,.vac-f-form-item .el-tree-select{width:100%!important}.vac-f-form-item .el-input-group{vertical-align:top}.vac-f-form-item-label{position:relative;display:flex}.vac-f-form-item-label-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vac-f-form-item-label-tooltip{cursor:help}.vac-f-form-item-label-tooltip *{cursor:help}.vac-f-form-item-label-tooltip label{border-bottom:1px dashed currentColor}.vac-f-form-item-label label{color:var(--el-text-color-regular)}.vac-f-form-item-label-align-left>.vac-f-form-item-label{justify-content:flex-start}.vac-f-form-item-label-align-right>.vac-f-form-item-label{justify-content:flex-end}.vac-f-form-item-label-wrap .vac-f-form-item-label label{white-space:pre-line}.vac-f-form-item-feedback-layout-terse{margin-bottom:8px}.vac-f-form-item-feedback-layout-terse.vac-f-form-item-feedback-has-text:not(.vac-f-form-item-inset){margin-bottom:0}.vac-f-form-item-feedback-layout-loose{margin-bottom:var(--vac-f-form-item-error-line-height)}.vac-f-form-item-feedback-layout-loose.vac-f-form-item-feedback-has-text:not(.vac-f-form-item-inset){margin-bottom:0}.vac-f-form-item-feedback-layout-none{margin-bottom:0}.vac-f-form-item-feedback-layout-none.vac-f-form-item-feedback-has-text:not(.vac-f-form-item-inset){margin-bottom:0}.vac-f-form-item-control{width:100%;flex:1;overflow:hidden}.vac-f-form-item-control .vac-f-form-item-control-content{display:flex}.vac-f-form-item-control .vac-f-form-item-control-content .vac-f-form-item-control-content-component{width:100%;min-height:var(--vac-f-form-item-medium-line-height);line-height:var(--vac-f-form-item-medium-line-height)}.vac-f-form-item-control .vac-f-form-item-control-content .vac-f-form-item-control-content-component-has-feedback-icon{flex:1;position:relative;display:flex;align-items:center}.vac-f-form-item-control .vac-f-form-item-control-content .vac-f-form-item-control-content-component-has-icon{flex:1;position:relative;display:flex;align-items:center}.vac-f-form-item-control .vac-f-form-item-control-content .vac-f-form-item-addon-before{margin-right:8px;display:inline-flex;align-items:center;min-height:var(--vac-f-form-item-medium-line-height);flex-shrink:0}.vac-f-form-item-control .vac-f-form-item-control-content .vac-f-form-item-addon-after{margin-left:8px;display:inline-flex;align-items:center;min-height:var(--vac-f-form-item-medium-line-height);flex-shrink:0}.vac-f-form-item-size-small{font-size:var(--vac-f-form-item-extra-small)}.vac-f-form-item-size-small .vac-f-form-item-label *{line-height:var(--vac-f-form-item-small-line-height)}.vac-f-form-item-size-small .vac-f-form-item-label-content{min-height:var(--vac-f-form-item-small-line-height)}.vac-f-form-item-size-small .vac-f-form-item-control-content .vac-f-form-item-control-content-component{line-height:var(--vac-f-form-item-small-line-height);min-height:var(--vac-f-form-item-small-line-height)}.vac-f-form-item-size-small .vac-f-form-item-extra,.vac-f-form-item-size-small .vac-f-form-item-help{min-height:var(--vac-f-form-item-error-line-height)}.vac-f-form-item-size-small .vac-f-form-item-control-content{min-height:var(--vac-f-form-item-small-line-height)}.vac-f-form-item-size-small .vac-f-form-item-label>label{height:var(--vac-f-form-item-small-line-height)}.vac-f-form-item-size-small .el-input input{height:var(--vac-f-form-item-small-line-height);line-height:var(--vac-f-form-item-small-line-height)}.vac-f-form-item-size-small .el-input-number{line-height:var(--vac-f-form-item-small-line-height)}.vac-f-form-item-size-small .el-input-number.is-controls-right .el-input-number__decrease,.vac-f-form-item-size-small .el-input-number.is-controls-right .el-input-number__increase{line-height:calc(var(--vac-f-form-item-small-line-height)/ 2);height:calc(var(--vac-f-form-item-small-line-height)/ 2);font-size:var(--vac-f-form-item-extra-small);box-sizing:border-box}.vac-f-form-item-size-large{font-size:var(--vac-f-form-item-medium)}.vac-f-form-item-size-large .vac-f-form-item-label *{line-height:var(--vac-f-form-item-large-line-height)}.vac-f-form-item-size-large .vac-f-form-item-label-content{min-height:var(--vac-f-form-item-large-line-height)}.vac-f-form-item-size-large .vac-f-form-item-control-content .vac-f-form-item-control-content-component{line-height:var(--vac-f-form-item-large-line-height);min-height:var(--vac-f-form-item-large-line-height)}.vac-f-form-item-size-large .vac-f-form-item-extra,.vac-f-form-item-size-large .vac-f-form-item-help{min-height:var(--vac-f-form-item-error-line-height)}.vac-f-form-item-size-large .vac-f-form-item-control-content{min-height:var(--vac-f-form-item-large-line-height)}.vac-f-form-item-size-large .el-input input{height:var(--vac-f-form-item-large-line-height);line-height:var(--vac-f-form-item-large-line-height)}.vac-f-form-item-size-large .el-select input{height:var(--vac-f-form-item-large-line-height)!important;line-height:var(--vac-f-form-item-large-line-height)}.vac-f-form-item-size-large .el-select__tags .el-tag{height:var(--vac-f-form-item-large-line-height) -12px;line-height:var(--vac-f-form-item-large-line-height) -12px}.vac-f-form-item-size-large .el-input-number{line-height:var(--vac-f-form-item-large-line-height)}.vac-f-form-item-size-large .el-input-number.is-controls-right .el-input-number__decrease,.vac-f-form-item-size-large .el-input-number.is-controls-right .el-input-number__increase{line-height:calc(var(--vac-f-form-item-large-line-height)/ 2 - 1px);font-size:var(--vac-f-form-item-medium)}.vac-f-form-item-layout-vertical{display:block}.vac-f-form-item-layout-vertical .vac-f-form-item-label *{line-height:var(--vac-f-form-item-label-top-line-height)}.vac-f-form-item-layout-vertical .vac-f-form-item-label-content{min-height:var(--vac-f-form-item-label-top-line-height)}.vac-f-form-item-layout-vertical .vac-f-form-item-label-tooltip{min-height:var(--vac-f-form-item-label-top-line-height);line-height:var(--vac-f-form-item-label-top-line-height)}.vac-f-form-item-feedback-layout-popover{margin-bottom:8px}.vac-f-form-item-feedback-layout-popover .vac-f-form-item-control-content-component{display:flex;align-items:center}.vac-f-form-item-feedback-layout-popover .vac-f-form-item-help{display:flex;align-items:center}.vac-f-form-item-label-tooltip{margin-left:4px;color:var(--el-text-color-secondary);display:flex;align-items:center;height:var(--vac-f-form-item-medium-line-height);cursor:pointer}.vac-f-form-item-label-tooltip i{line-height:1}.vac-f-form-item-control-align-left .vac-f-form-item-control-content{justify-content:flex-start}.vac-f-form-item-control-align-right .vac-f-form-item-control-content{justify-content:flex-end}.vac-f-form-item-control-wrap .vac-f-form-item-control{white-space:pre-line}.vac-f-form-item-asterisk{color:var(--el-color-danger);margin-right:4px;display:inline-block;font-family:SimSun,sans-serif}.vac-f-form-item-colon{margin-left:2px;margin-right:8px}.vac-f-form-item-extra,.vac-f-form-item-help{--vac-f-form-item-label-font-size:var(--el-font-size-base);--vac-f-form-item-large-line-height:40px;--vac-f-form-item-medium-line-height:32px;--vac-f-form-item-small-line-height:24px;--vac-f-form-item-label-top-line-height:40px;--vac-f-form-item-error-line-height:22px;--vac-f-form-item-margin-bottom:22px;--vac-f-form-item-label-tooltip-color:var(--el-text-color-secondary);--vac-f-form-item-extra-large:var(--el-font-size-extra-large);--vac-f-form-item-large:var(--el-font-size-large);--vac-f-form-item-medium:var(--el-font-size-medium);--vac-f-form-item-base:var(--el-font-size-base);--vac-f-form-item-small:var(--el-font-size-small);--vac-f-form-item-extra-small:var(--el-font-size-extra-small);clear:both;min-height:var(--vac-f-form-item-error-line-height);line-height:var(--vac-f-form-item-error-line-height);color:var(--el-text-color-secondary);transition:var(--el-transition-color);padding-top:0}.vac-f-form-item-fullness>.vac-f-form-item-control>.vac-f-form-item-control-content>.vac-f-form-item-control-content-component>:first-child{width:100%}.vac-f-form-item-control-content-component-has-feedback-icon{border-radius:var(--el-border-radius-base);border:var(--el-border);padding-right:8px;transition:var(--el-transition-all);touch-action:manipulation;outline:0}.vac-f-form-item-control-content-component-has-feedback-icon .el-date-editor .el-input__inner,.vac-f-form-item-control-content-component-has-feedback-icon .el-input .el-input__inner,.vac-f-form-item-control-content-component-has-feedback-icon .el-input-number,.vac-f-form-item-control-content-component-has-feedback-icon .el-select .el-input__inner{border:none!important;box-shadow:none!important}.vac-f-form-item-control-content-component-has-feedback-icon .el-input-number.is-controls-right .el-input__inner{padding-right:40px}.vac-f-form-item-control-content-component-has-feedback-icon .el-input-number.is-controls-right .el-input-number__increase{top:0;right:8px;border-right:var(--el-border)}.vac-f-form-item-control-content-component-has-feedback-icon .el-input-number.is-controls-right .el-input-number__decrease{bottom:0;right:8px;border-right:var(--el-border)}.vac-f-form-item:hover .vac-f-form-item-control-content-component-has-feedback-icon{border-color:var(--el-border-color-hover);outline:0;border-right-width:var(--el-border-width)!important}.vac-f-form-item-active .vac-f-form-item-control-content-component-has-feedback-icon{border-color:var(--el-color-primary);outline:0;border-right-width:var(--el-border-width)!important}.vac-f-form-item-error .el-input__inner,.vac-f-form-item-error .el-input__inner.hover,.vac-f-form-item-error .el-textarea__inner,.vac-f-form-item-error .el-textarea__inner.hover{border-color:var(--el-color-danger)}.vac-f-form-item-error .el-input__inner:focus,.vac-f-form-item-error .el-textarea__inner:focus{border-color:var(--el-color-danger)}.vac-f-form-item-error .el-input-group__append .el-input__inner,.vac-f-form-item-error .el-input-group__prepend .el-input__inner{border-color:transparent}.vac-f-form-item-error .el-input__validateIcon{color:var(--el-color-danger)!important}.vac-f-form-item-error .el-select-v2__wrapper.is-focused{border-color:transparent}.vac-f-form-item-error .el-select-v2__wrapper,.vac-f-form-item-error .el-select-v2__wrapper:focus,.vac-f-form-item-error .el-textarea__inner,.vac-f-form-item-error .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-color-danger) inset}.vac-f-form-item-error .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.vac-f-form-item-error .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.vac-f-form-item-error .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-color-danger) inset!important}.vac-f-form-item-error .el-select:hover{box-shadow:0 0 0 1px transparent}.vac-f-form-item-error .el-select .el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-danger) inset}.vac-f-form-item-error .el-select .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset!important}.vac-f-form-item-error .el-input-group__append .el-input__wrapper,.vac-f-form-item-error .el-input-group__prepend .el-input__wrapper{box-shadow:0 0 0 1px transparent inset}.vac-f-form-item-error .el-input__validateIcon{color:var(--el-color-danger)}.vac-f-form-item-error-help,.vac-f-form-item-success-help,.vac-f-form-item-warning-help{display:flex;align-items:center}.vac-f-form-item-error-help i,.vac-f-form-item-success-help i,.vac-f-form-item-warning-help i{margin-right:8px}.vac-f-form-item-error-help{color:var(--el-color-danger)}.vac-f-form-item-warning-help{color:var(--el-color-warning)}.vac-f-form-item-success-help{color:var(--el-color-success)}.vac-f-form-item-warning .el-input__inner,.vac-f-form-item-warning .el-input__inner.hover,.vac-f-form-item-warning .el-textarea__inner,.vac-f-form-item-warning .el-textarea__inner.hover{border-color:var(--el-color-warning)}.vac-f-form-item-warning .el-input__inner:focus,.vac-f-form-item-warning .el-textarea__inner:focus{border-color:var(--el-color-warning)}.vac-f-form-item-warning .el-input-group__append .el-input__inner,.vac-f-form-item-warning .el-input-group__prepend .el-input__inner{border-color:transparent}.vac-f-form-item-warning .el-input__validateIcon{color:var(--el-color-warning)!important}.vac-f-form-item-success .el-input__inner,.vac-f-form-item-success .el-input__inner.hover,.vac-f-form-item-success .el-textarea__inner,.vac-f-form-item-success .el-textarea__inner.hover{border-color:var(--el-color-success)}.vac-f-form-item-success .el-input__inner:focus,.vac-f-form-item-success .el-textarea__inner:focus{border-color:var(--el-color-success)}.vac-f-form-item-success .el-input-group__append .el-input__inner,.vac-f-form-item-success .el-input-group__prepend .el-input__inner{border-color:transparent}.vac-f-form-item-success .el-input__validateIcon{color:var(--el-color-success)!important}.vac-f-form-item-bordered-none .el-input__inner{border:none!important}.vac-f-form-item-bordered-none .el-input-number__decrease,.vac-f-form-item-bordered-none .el-input-number__increase{border:none!important;background:0 0!important}.vac-f-form-item-inset{border-radius:var(--el-border-radius-base);border:var(--el-border);padding-left:12px;transition:.3s all}.vac-f-form-item-inset:hover{border-color:var(--el-border-color-hover);outline:0;border-right-width:var(--el-border-width)!important}.vac-f-form-item-inset-active{border-color:var(--el-color-primary);outline:0;border-right-width:var(--el-border-width)!important}