@xto/form 1.1.3 → 1.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/style.css CHANGED
@@ -1 +1 @@
1
- .x-input{position:relative;display:inline-flex;width:100%;height:32px;padding:0 12px;font-size:14px;color:var(--color-text-regular, #606266);background-color:var(--bg-color, #fff);background-image:none;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;transition:all .2s}.x-input__inner{flex:1;width:100%;height:100%;padding:0;font-size:inherit;color:inherit;background:transparent;border:none;outline:none;-webkit-appearance:none}.x-input__inner::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-input__inner:focus{outline:none}.x-input--large{height:40px;padding:0 16px;font-size:16px}.x-input--small{height:24px;padding:0 8px;font-size:13px}.x-input:hover{border-color:var(--color-text-placeholder, #c0c4cc)}.x-input.is-focus{border-color:var(--color-primary, #409eff);outline:none}.x-input.is-disabled{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed;background-color:var(--color-fill, #f5f7fa)}.x-input.is-disabled .x-input__inner{cursor:not-allowed}.x-input.is-disabled .x-input__inner::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-input__prefix,.x-input__suffix{display:flex;align-items:center;color:var(--color-text-secondary, #909399)}.x-input__prefix{padding-right:4px}.x-input__suffix{padding-left:4px}.x-input__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;cursor:pointer}.x-input__clear:hover,.x-input__password:hover{color:var(--color-text-regular, #606266)}.x-input__count{font-size:12px;color:var(--color-text-secondary, #909399)}.x-input.is-has-prefix .x-input__inner{padding-left:4px}.x-input.is-has-suffix .x-input__inner{padding-right:4px}.x-input-number{display:inline-flex;align-items:stretch;position:relative;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;transition:border-color .2s,box-shadow .2s;height:32px;box-sizing:border-box}.x-input-number:hover:not(.is-disabled){border-color:#c0c4cc}.x-input-number.is-focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.x-input-number.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed}.x-input-number.is-disabled .x-input-number__inner{background-color:transparent;color:#c0c4cc;cursor:not-allowed}.x-input-number.is-disabled .x-input-number__decrease,.x-input-number.is-disabled .x-input-number__increase{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.x-input-number__decrease,.x-input-number__increase{display:flex;align-items:center;justify-content:center;width:32px;background:#f5f7fa;border:none;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;flex-shrink:0;color:#606266;font-size:18px;font-weight:300;line-height:1}.x-input-number__decrease:hover:not(.is-disabled),.x-input-number__increase:hover:not(.is-disabled){background:#e4e7ed;color:#409eff}.x-input-number__decrease.is-disabled,.x-input-number__increase.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-input-number__decrease.is-disabled:hover,.x-input-number__increase.is-disabled:hover{background:#f5f7fa;color:#c0c4cc}.x-input-number__decrease{border-right:1px solid #dcdfe6;border-radius:4px 0 0 4px}.x-input-number__increase{border-left:1px solid #dcdfe6;border-radius:0 4px 4px 0}.x-input-number__wrapper{flex:1;min-width:60px;display:flex;align-items:center}.x-input-number__inner{width:100%;height:100%;padding:0 12px;border:none;outline:none;font-size:14px;color:#606266;background:transparent;text-align:center;line-height:30px}.x-input-number__inner::placeholder{color:#c0c4cc}.x-input-number--large{height:40px}.x-input-number--large .x-input-number__decrease,.x-input-number--large .x-input-number__increase{width:40px;font-size:20px}.x-input-number--large .x-input-number__inner{font-size:16px;line-height:38px}.x-input-number--small{height:24px}.x-input-number--small .x-input-number__decrease,.x-input-number--small .x-input-number__increase{width:24px;font-size:14px}.x-input-number--small .x-input-number__inner{font-size:12px;padding:0 8px;line-height:22px}.x-input-number--right{flex-direction:column;height:auto;width:80px}.x-input-number--right .x-input-number__decrease,.x-input-number--right .x-input-number__increase{width:100%;height:24px;border-radius:0}.x-input-number--right .x-input-number__decrease{border-right:none;border-bottom:1px solid #dcdfe6;border-radius:4px 4px 0 0}.x-input-number--right .x-input-number__increase{border-left:none;border-top:1px solid #dcdfe6;border-radius:0 0 4px 4px}.x-input-number--right .x-input-number__wrapper{min-width:auto}.x-input-number--right .x-input-number__inner{height:32px;padding:0}.x-input-number .x-input-number__wrapper{min-width:80px}.x-textarea{position:relative;display:inline-block;width:100%;font-size:14px;color:var(--color-text-regular, #606266)}.x-textarea__inner{display:block;width:100%;padding:5px 12px;font-size:inherit;line-height:1.5;color:inherit;background-color:var(--bg-color, #fff);background-image:none;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;cursor:pointer}.x-textarea__inner::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-textarea__inner:hover{border-color:var(--color-text-placeholder, #c0c4cc)}.x-textarea__inner:focus{border-color:var(--color-primary, #409eff);box-shadow:0 0 0 2px #409eff33}.x-textarea.is-disabled .x-textarea__inner{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed;background-color:var(--color-fill, #f5f7fa);border-color:var(--color-border-light, #e4e7ed)}.x-textarea.is-disabled .x-textarea__inner::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-textarea.is-exceed .x-textarea__count{color:var(--color-danger, #f56c6c)}.x-textarea__count{position:absolute;right:10px;bottom:5px;font-size:12px;color:var(--color-text-secondary, #909399);background-color:var(--bg-color, #fff);padding:0 4px}.x-switch{display:inline-flex;align-items:center;font-size:14px;line-height:20px;cursor:pointer;vertical-align:middle}.x-switch.is-disabled{opacity:.6;cursor:not-allowed}.x-switch__core{display:inline-block;position:relative;height:20px;border-radius:10px;background-color:#dcdfe6;transition:background-color .2s;box-sizing:border-box}.x-switch__core:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:left .2s}.x-switch.is-checked .x-switch__core:after{left:calc(100% - 18px)}.x-switch__text{margin-left:8px;font-size:14px;color:#606266}.x-radio{display:inline-flex;align-items:center;margin-right:16px;cursor:pointer;font-size:14px;color:#606266;-webkit-user-select:none;user-select:none}.x-radio__input{position:relative;display:inline-block;width:16px;height:16px;margin-right:8px}.x-radio__input input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.x-radio__input:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border:1px solid #dcdfe6;border-radius:50%;background-color:#fff;transition:all .2s;box-sizing:border-box}.x-radio__input:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background-color:#fff;transform:translate(-50%,-50%) scale(0);transition:transform .2s}.x-radio:hover .x-radio__input:before{border-color:#409eff}.x-radio.is-checked .x-radio__input:before{border-color:#409eff;background-color:#409eff}.x-radio.is-checked .x-radio__input:after{transform:translate(-50%,-50%) scale(1)}.x-radio.is-checked .x-radio__label{color:#409eff}.x-radio.is-disabled{cursor:not-allowed}.x-radio.is-disabled .x-radio__input:before{border-color:#e4e7ed;background-color:#f5f7fa}.x-radio.is-disabled .x-radio__input input{cursor:not-allowed}.x-radio.is-disabled .x-radio__label{color:#c0c4cc}.x-radio.is-disabled.is-checked .x-radio__input:before{border-color:#e4e7ed;background-color:#e4e7ed}.x-radio.is-disabled.is-checked .x-radio__label{color:#c0c4cc}.x-radio__label{line-height:1}.x-radio-group{display:inline-flex;flex-wrap:wrap;align-items:center}.x-radio-button{position:relative;display:inline-block;cursor:pointer}.x-radio-button__input{position:absolute;opacity:0;pointer-events:none}.x-radio-button__inner{display:inline-block;padding:8px 16px;font-size:14px;line-height:1;color:#606266;background-color:#fff;border:1px solid #dcdfe6;border-radius:0;transition:all .2s;white-space:nowrap}.x-radio-button:first-child .x-radio-button__inner{border-radius:4px 0 0 4px}.x-radio-button:last-child .x-radio-button__inner{border-radius:0 4px 4px 0}.x-radio-button:not(:first-child) .x-radio-button__inner{border-left:0}.x-radio-button:hover .x-radio-button__inner{color:#409eff}.x-radio-button.is-active .x-radio-button__inner{color:#fff;background-color:#409eff;border-color:#409eff}.x-radio-button.is-disabled{cursor:not-allowed}.x-radio-button.is-disabled .x-radio-button__inner{color:#c0c4cc;background-color:#f5f7fa;border-color:#e4e7ed;cursor:not-allowed}.x-radio-button.is-disabled:hover .x-radio-button__inner{color:#c0c4cc}.x-radio-button.is-disabled.is-active .x-radio-button__inner{color:#c0c4cc;background-color:#f0f2f5;border-color:#e4e7ed}.x-checkbox{display:inline-flex;align-items:center;margin-right:16px;cursor:pointer;font-size:14px;color:#606266;-webkit-user-select:none;user-select:none}.x-checkbox__input{position:relative;display:inline-block;width:16px;height:16px;margin-right:8px}.x-checkbox__input input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.x-checkbox__input:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border:1px solid #dcdfe6;border-radius:2px;background-color:#fff;transition:all .2s;box-sizing:border-box}.x-checkbox__input:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:transform .2s}.x-checkbox:hover .x-checkbox__input:before{border-color:#409eff}.x-checkbox.is-checked .x-checkbox__input:before{border-color:#409eff;background-color:#409eff}.x-checkbox.is-checked .x-checkbox__input:after{transform:rotate(45deg) scale(1)}.x-checkbox.is-checked .x-checkbox__label{color:#409eff}.x-checkbox.is-indeterminate .x-checkbox__input:before{border-color:#409eff;background-color:#409eff}.x-checkbox.is-indeterminate .x-checkbox__input:after{content:"";position:absolute;top:6px;left:3px;width:8px;height:2px;background-color:#fff;border:none;transform:none}.x-checkbox.is-disabled{cursor:not-allowed}.x-checkbox.is-disabled .x-checkbox__input:before{border-color:#e4e7ed;background-color:#f5f7fa}.x-checkbox.is-disabled .x-checkbox__input input{cursor:not-allowed}.x-checkbox.is-disabled .x-checkbox__label{color:#c0c4cc}.x-checkbox.is-disabled.is-checked .x-checkbox__input:before{border-color:#e4e7ed;background-color:#e4e7ed}.x-checkbox.is-disabled.is-checked .x-checkbox__label{color:#c0c4cc}.x-checkbox__label{line-height:1}.x-checkbox-group{display:inline-flex;flex-wrap:wrap;align-items:center}.x-form{--form-label-width: 100px}.x-form--label-left .x-form-item__label{text-align:left}.x-form--label-right .x-form-item__label{text-align:right}.x-form--label-top .x-form-item,.x-form.is-vertical .x-form-item{flex-direction:column}.x-form--label-top .x-form-item__label,.x-form.is-vertical .x-form-item__label{width:100%!important;text-align:left;padding-bottom:8px;line-height:1.5}.x-form--label-top .x-form-item__content,.x-form.is-vertical .x-form-item__content{line-height:normal}.x-form.is-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.x-form.is-inline .x-form-item{margin-right:0;margin-bottom:0;flex-shrink:0;display:inline-flex;align-items:center}.x-form.is-inline .x-form-item__label{flex-shrink:0;line-height:32px}.x-form.is-inline .x-form-item__content{flex:none;line-height:32px}.x-form.is-inline .x-form-item__content .x-input,.x-form.is-inline .x-form-item__content .x-select{width:180px}.x-form.is-inline .x-form-item__content .x-date-picker:not(.is-range){width:180px}.x-form.is-inline .x-form-item__content .x-date-picker.is-range{width:260px}.x-form.is-inline .x-form-item__content .x-textarea{width:280px}.x-form.is-inline .x-form-item__content .x-input-number{width:140px}.x-form.is-inline .x-form-item__content .x-time-picker:not(.is-range){width:140px}.x-form.is-inline .x-form-item__content .x-time-picker.is-range{width:220px}.x-form-item{display:flex;margin-bottom:18px}.x-form-item__label{flex-shrink:0;padding-right:12px;font-size:14px;color:var(--color-text-regular, #606266);line-height:32px;box-sizing:border-box}.x-form-item__content{flex:1;position:relative;line-height:32px}.x-form-item__error{position:absolute;top:100%;left:0;font-size:12px;color:var(--color-danger, #f56c6c);padding-top:4px}.x-form-item.is-required .x-form-item__label:before{content:"*";color:var(--color-danger, #f56c6c);margin-right:4px}.x-form-item.is-error .x-input,.x-form-item.is-error .x-textarea__inner,.x-form-item.is-error .x-select__wrapper{border-color:var(--color-danger, #f56c6c)}.x-form-item.is-success .x-input,.x-form-item.is-success .x-textarea__inner,.x-form-item.is-success .x-select__wrapper{border-color:var(--color-success, #67c23a)}.x-date-table{width:100%;font-size:14px;table-layout:fixed;border-collapse:collapse}.x-date-table__header-cell{padding:8px 0;font-weight:400;color:#909399;text-align:center;border-bottom:1px solid #ebeef5}.x-date-table__cell{padding:4px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.x-date-table__cell:hover:not(.is-disabled) .x-date-table__cell-text{background-color:#f2f6fc}.x-date-table__cell.is-today .x-date-table__cell-text{color:#409eff;font-weight:700}.x-date-table__cell.is-selected .x-date-table__cell-text{background-color:#409eff;color:#fff}.x-date-table__cell.is-disabled{cursor:not-allowed;color:#c0c4cc}.x-date-table__cell.is-prev-month,.x-date-table__cell.is-next-month{color:#c0c4cc}.x-date-table__cell.is-prev-month.is-in-range,.x-date-table__cell.is-next-month.is-in-range{color:#606266}.x-date-table__cell.is-prev-month.is-range-start,.x-date-table__cell.is-prev-month.is-range-end,.x-date-table__cell.is-next-month.is-range-start,.x-date-table__cell.is-next-month.is-range-end{color:#fff}.x-date-table__cell.is-in-range{background-color:#f2f6fc}.x-date-table__cell.is-in-range.is-range-start,.x-date-table__cell.is-in-range.is-range-end{background-color:transparent}.x-date-table__cell.is-range-start .x-date-table__cell-text,.x-date-table__cell.is-range-end .x-date-table__cell-text{background-color:#409eff;color:#fff}.x-date-table__cell.is-range-start{border-top-left-radius:4px;border-bottom-left-radius:4px}.x-date-table__cell.is-range-end{border-top-right-radius:4px;border-bottom-right-radius:4px}.x-date-table__cell-text{display:inline-block;width:24px;height:24px;line-height:24px;border-radius:50%;text-align:center;transition:background-color .2s}.x-month-table{width:100%;font-size:14px;table-layout:fixed;border-collapse:collapse}.x-month-table__cell{padding:12px 0;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.x-month-table__cell:hover:not(.is-disabled) .x-month-table__cell-text{background-color:#f2f6fc}.x-month-table__cell.is-current .x-month-table__cell-text{color:#409eff;font-weight:700}.x-month-table__cell.is-selected .x-month-table__cell-text{background-color:#409eff;color:#fff}.x-month-table__cell.is-disabled{cursor:not-allowed;color:#c0c4cc}.x-month-table__cell-text{display:inline-block;padding:8px 16px;border-radius:4px;transition:background-color .2s}.x-year-table{width:100%;font-size:14px;table-layout:fixed;border-collapse:collapse}.x-year-table__cell{padding:12px 0;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.x-year-table__cell:hover:not(.is-disabled) .x-year-table__cell-text{background-color:#f2f6fc}.x-year-table__cell.is-current .x-year-table__cell-text{color:#409eff;font-weight:700}.x-year-table__cell.is-selected .x-year-table__cell-text{background-color:#409eff;color:#fff}.x-year-table__cell.is-disabled{cursor:not-allowed;color:#c0c4cc}.x-year-table__cell:not(.is-in-decade){color:#c0c4cc}.x-year-table__cell-text{display:inline-block;padding:8px 16px;border-radius:4px;transition:background-color .2s}.x-date-picker{display:inline-block;position:relative;vertical-align:middle}.x-date-picker--large .x-date-picker__input{height:40px}.x-date-picker--large .x-date-picker__input-inner{font-size:16px}.x-date-picker--small .x-date-picker__input{height:24px}.x-date-picker--small .x-date-picker__input-inner{font-size:12px}.x-date-picker.is-disabled .x-date-picker__input{background-color:var(--color-fill, #f5f7fa);border-color:var(--color-border-light, #e4e7ed);cursor:not-allowed}.x-date-picker.is-disabled .x-date-picker__input-inner{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed}.x-date-picker__input{display:flex;align-items:center;width:100%;height:32px;padding:0 30px 0 12px;background-color:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;position:relative}.x-date-picker__input:hover:not(.is-disabled){border-color:var(--color-text-placeholder, #c0c4cc)}.x-date-picker__input.is-focus{border-color:var(--color-primary, #409eff);box-shadow:0 0 0 2px #409eff33}.x-date-picker.is-range .x-date-picker__input{padding:0 30px 0 0}.x-date-picker.is-range .x-date-picker__input-inner{flex:1;min-width:0;padding:0 12px;text-align:center}.x-date-picker__input-inner{flex:1;min-width:0;width:0;border:none;outline:none;font-size:14px;color:#606266;background:transparent;cursor:pointer}.x-date-picker__input-inner::placeholder{color:#c0c4cc}.x-date-picker__separator{flex-shrink:0;padding:0 8px;color:#909399}.x-date-picker__suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#c0c4cc}.x-date-picker__clear{cursor:pointer;color:#c0c4cc}.x-date-picker__clear:hover{color:#909399}.x-date-picker__popper{position:fixed;width:320px;padding:12px;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px #0000001a}.x-date-picker__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ebeef5;margin-bottom:12px}.x-date-picker__prev-btn,.x-date-picker__next-btn{padding:4px 8px;border:none;background:none;font-size:18px;color:#606266;cursor:pointer;border-radius:4px}.x-date-picker__prev-btn:hover,.x-date-picker__next-btn:hover{color:#409eff}.x-date-picker__header-title{font-size:14px;font-weight:500;color:#606266}.x-date-picker__header-title span{cursor:pointer;padding:4px;border-radius:4px}.x-date-picker__header-title span:hover{color:#409eff}.x-time-panel{-webkit-user-select:none;user-select:none}.x-time-panel__content{display:flex;position:relative;height:200px;overflow:hidden}.x-time-panel__indicator{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:32px;background-color:#f5f7fa;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed;pointer-events:none;z-index:0}.x-time-panel__list{flex:1;height:100%;overflow-y:auto;position:relative;z-index:1;scroll-behavior:smooth}.x-time-panel__list::-webkit-scrollbar{width:0}.x-time-panel__padding{height:84px}.x-time-panel__item{height:32px;line-height:32px;text-align:center;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-time-panel__item:hover:not(.is-disabled){color:#409eff}.x-time-panel__item.is-selected{color:#409eff;font-weight:700}.x-time-panel__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-time-panel__footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #ebeef5;margin-top:8px}.x-time-panel__current-time{font-size:14px;color:#606266}.x-time-panel__actions{display:flex;gap:8px}.x-time-panel__btn-cancel,.x-time-panel__btn-confirm{padding:5px 12px;font-size:12px;border-radius:4px;cursor:pointer;border:1px solid #dcdfe6;transition:all .2s;line-height:1}.x-time-panel__btn-cancel{background-color:#fff;color:#606266}.x-time-panel__btn-cancel:hover{color:#409eff;border-color:#c0c4cc}.x-time-panel__btn-confirm{background-color:#409eff;border-color:#409eff;color:#fff}.x-time-panel__btn-confirm:hover{background-color:#66b1ff;border-color:#66b1ff}.x-time-picker{display:inline-block;position:relative;vertical-align:middle}.x-time-picker--large .x-time-picker__input{height:40px}.x-time-picker--large .x-time-picker__input-inner{font-size:16px}.x-time-picker--small .x-time-picker__input{height:24px}.x-time-picker--small .x-time-picker__input-inner{font-size:12px}.x-time-picker.is-disabled .x-time-picker__input{background-color:var(--color-fill, #f5f7fa);border-color:var(--color-border-light, #e4e7ed);cursor:not-allowed}.x-time-picker.is-disabled .x-time-picker__input-inner{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed}.x-time-picker__input{display:flex;align-items:center;width:100%;height:32px;padding:0 30px 0 12px;background-color:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;position:relative}.x-time-picker__input:hover:not(.is-disabled){border-color:var(--color-text-placeholder, #c0c4cc)}.x-time-picker__input.is-focus{border-color:var(--color-primary, #409eff);box-shadow:0 0 0 2px #409eff33}.x-time-picker.is-range .x-time-picker__input{padding-right:35px}.x-time-picker__input-inner{flex:1;min-width:0;border:none;outline:none;font-size:14px;color:#606266;background:transparent;cursor:pointer;text-align:center}.x-time-picker__input-inner::placeholder{color:#c0c4cc}.x-time-picker__input-inner.is-active{color:#409eff}.x-time-picker__separator{padding:0 4px;color:#909399;flex-shrink:0}.x-time-picker__suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#c0c4cc}.x-time-picker__clear{cursor:pointer;color:#c0c4cc}.x-time-picker__clear:hover{color:#909399}.x-time-picker__popper{position:fixed;width:240px;padding:12px;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px #0000001a}.x-time-picker__popper-header{padding:8px 0 12px;margin-bottom:12px;border-bottom:1px solid #ebeef5;font-size:14px;color:#606266;text-align:center}.x-select{display:inline-block;position:relative;width:240px;vertical-align:middle}.x-select--large .x-select__wrapper{height:40px}.x-select--large .x-select__input{font-size:16px}.x-select--small .x-select__wrapper{height:24px}.x-select--small .x-select__input{font-size:12px}.x-select.is-disabled .x-select__wrapper{background-color:var(--color-fill, #f5f7fa);border-color:var(--color-border-light, #e4e7ed);cursor:not-allowed}.x-select.is-disabled .x-select__input{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed}.x-select.is-disabled .x-select__suffix{color:var(--color-text-placeholder, #c0c4cc)}.x-select__wrapper{display:flex;align-items:center;min-height:32px;padding:0 30px 0 12px;background-color:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;position:relative}.x-select:not(.is-disabled):hover .x-select__wrapper{border-color:var(--color-text-placeholder, #c0c4cc)}.x-select.is-focus .x-select__wrapper{border-color:var(--color-primary, #409eff);box-shadow:0 0 0 2px #409eff33}.x-select__tags{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.x-select__tag{display:inline-flex;align-items:center;max-width:100%;padding:0 6px;height:22px;background-color:var(--color-fill, #f0f2f5);border-radius:4px;font-size:12px;color:var(--color-text-regular, #606266);box-sizing:border-box}.x-select__tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-select__tag-close{margin-left:4px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-select__tag-close:hover{color:var(--color-primary, #409eff)}.x-select__tag-count{padding:0 6px;height:22px;line-height:22px;background-color:var(--color-fill, #f0f2f5);border-radius:4px;font-size:12px;color:var(--color-text-regular, #606266)}.x-select__input{flex:1;min-width:0;border:none;outline:none;font-size:14px;color:var(--color-text-regular, #606266);background:transparent;cursor:pointer}.x-select__input::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-select__suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--color-text-placeholder, #c0c4cc)}.x-select__clear{cursor:pointer;color:var(--color-text-placeholder, #c0c4cc)}.x-select__clear:hover{color:var(--color-text-secondary, #909399)}.x-select__arrow{font-size:12px;transition:transform .3s}.x-select__arrow.is-reverse{transform:rotate(180deg)}.x-select__popper{position:fixed;min-width:180px;max-height:274px;background-color:var(--bg-color, #fff);border:1px solid var(--color-border-lighter, #ebeef5);border-radius:4px;box-shadow:0 2px 12px #0000001a;overflow:auto}.x-select__popper.is-cascader{max-height:none}.x-select__popper{cursor:pointer}.x-select__options{padding:4px 0;cursor:pointer}.x-select__option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:14px;color:var(--color-text-regular, #606266);transition:background-color .2s}.x-select__option:not(.is-disabled){cursor:pointer!important}.x-select__option:not(.is-disabled):hover{background-color:var(--color-primary-light-9, #ecf5ff)}.x-select__option.is-selected{color:var(--color-primary, #409eff);font-weight:700}.x-select__option.is-group{color:var(--color-text-secondary, #909399)}.x-select__option.is-disabled{color:var(--color-text-placeholder, #c0c4cc)!important;cursor:not-allowed!important}.x-select__option.is-disabled:hover{background-color:transparent!important}.x-select__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-select__option-check{color:var(--color-primary, #409eff);font-size:12px}.x-select__option-arrow{margin-left:8px;color:var(--color-text-placeholder, #c0c4cc);font-size:14px}.x-select__empty{padding:20px 0;text-align:center;font-size:14px;color:var(--color-text-regular, #606266);cursor:pointer}.x-select__cascader-panels{display:flex;min-width:360px}.x-select__cascader-panel{flex:1;min-width:180px;max-height:274px;overflow-y:auto;border-right:1px solid var(--color-border-lighter, #ebeef5);cursor:pointer}.x-select__cascader-panel:last-child{border-right:none}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease,transform .2s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-8px)}.x-transfer{display:flex;align-items:center;font-size:14px;color:#606266}.x-transfer__panel{flex:1;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;overflow:hidden;box-sizing:border-box}.x-transfer__header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background-color:#f5f7fa;border-bottom:1px solid #dcdfe6}.x-transfer__checkbox{display:inline-flex;align-items:center;cursor:pointer}.x-transfer__checkbox input{margin-right:8px;cursor:pointer}.x-transfer__count{font-size:12px;color:#909399}.x-transfer__filter{position:relative;padding:10px;border-bottom:1px solid #dcdfe6}.x-transfer__filter-input{width:100%;padding:6px 30px 6px 10px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;outline:none;box-sizing:border-box}.x-transfer__filter-input:focus{border-color:#409eff}.x-transfer__filter-input::placeholder{color:#c0c4cc}.x-transfer__filter-clear{position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.x-transfer__filter-clear:hover{color:#909399}.x-transfer__body{height:200px;overflow-y:auto;padding:8px 0}.x-transfer__item{display:flex;align-items:center;padding:8px 15px;cursor:pointer;transition:background-color .2s}.x-transfer__item:hover:not(.is-disabled){background-color:#f5f7fa}.x-transfer__item.is-checked{background-color:#ecf5ff}.x-transfer__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-transfer__empty{padding:20px;text-align:center;color:#909399}.x-transfer__buttons{display:flex;flex-direction:column;padding:0 15px}.x-transfer__button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:4px 0;padding:0;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;color:#606266;font-size:12px;cursor:pointer;transition:all .2s}.x-transfer__button:hover:not(.is-disabled){border-color:#409eff;color:#409eff}.x-transfer__button.is-disabled{color:#c0c4cc;cursor:not-allowed;background-color:#f5f7fa}.x-slider{--slider-height: 6px;--slider-button-size: 16px;--slider-button-wrapper-size: 36px;width:100%;padding-top:30px;padding-bottom:10px;box-sizing:border-box}.x-slider__runway{position:relative;width:100%;height:var(--slider-height);background-color:#e4e7ed;border-radius:3px;cursor:pointer}.x-slider__bar{position:absolute;height:100%;background-color:#409eff;border-radius:3px;transition:width .1s}.x-slider__button-wrapper{position:absolute;width:var(--slider-button-wrapper-size);height:var(--slider-button-wrapper-size);top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;cursor:grab;z-index:1}.x-slider__button-wrapper:active{cursor:grabbing}.x-slider__button{width:var(--slider-button-size);height:var(--slider-button-size);border:2px solid #409eff;background-color:#fff;border-radius:50%;transition:transform .2s,box-shadow .2s}.x-slider__button:hover{transform:scale(1.2);box-shadow:0 0 0 4px #409eff33}.x-slider__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background-color:#303133;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap}.x-slider__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#303133}.x-slider__stop{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#fff;border:2px solid #e4e7ed;transform:translate(-50%,-50%);top:50%}.x-slider__mark{position:absolute;transform:translate(-50%);top:20px}.x-slider__mark-text{font-size:12px;color:#909399}.x-slider.is-disabled .x-slider__runway{cursor:not-allowed}.x-slider.is-disabled .x-slider__bar{background-color:#c0c4cc}.x-slider.is-disabled .x-slider__button{border-color:#c0c4cc;cursor:not-allowed}.x-slider.is-disabled .x-slider__button:hover{transform:none;box-shadow:none}.x-slider.is-vertical{display:inline-block;width:auto;height:auto;padding:0 30px 0 10px}.x-slider.is-vertical .x-slider__runway{width:var(--slider-height);height:100%;margin-left:15px}.x-slider.is-vertical .x-slider__bar{width:100%;height:auto;bottom:0}.x-slider.is-vertical .x-slider__button-wrapper{left:50%;transform:translate(-50%,50%)}.x-slider.is-vertical .x-slider__tooltip{left:100%;bottom:auto;top:50%;transform:translateY(-50%);margin-left:8px;margin-bottom:0}.x-slider.is-vertical .x-slider__tooltip:after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-top-color:transparent;border-right-color:#303133}.x-slider.is-vertical .x-slider__stop{transform:translate(-50%,50%);left:50%;top:auto}.x-slider.is-vertical .x-slider__mark{transform:translateY(50%);left:20px;top:auto}.x-upload{display:inline-block}.x-upload__input{position:absolute;left:-9999px;top:-9999px;opacity:0;width:0;height:0;pointer-events:none}.x-upload__trigger-wrapper{display:inline-block;cursor:pointer}.x-upload__trigger{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;color:#fff;background-color:#409eff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.x-upload__trigger:hover:not(:disabled){background-color:#66b1ff}.x-upload__trigger:disabled{cursor:not-allowed;opacity:.5}.x-upload__drag{display:flex;flex-direction:column;align-items:center;justify-content:center;width:360px;height:180px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;transition:border-color .2s}.x-upload__drag:hover,.x-upload__drag.is-dragover{border-color:#409eff}.x-upload__drag-icon{font-size:48px;color:#c0c4cc;margin-bottom:16px}.x-upload__drag-text{font-size:14px;color:#606266}.x-upload__drag-text em{color:#409eff;font-style:normal}.x-upload__upload-card{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;transition:border-color .2s;background-color:#fbfdff}.x-upload__upload-card:hover{border-color:#409eff}.x-upload__upload-card .upload-icon{font-size:24px;color:#8c939d}.x-upload__files{margin:10px 0 0;padding:0;list-style:none}.x-upload__file{display:flex;align-items:center;padding:8px 12px;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;margin-bottom:8px;transition:background-color .2s}.x-upload__file:hover{background-color:#f5f7fa}.x-upload__file:hover .x-upload__file-actions{opacity:1}.x-upload__file-icon{font-size:24px;margin-right:8px}.x-upload__file-name{flex:1;font-size:14px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-upload__file-size{font-size:12px;color:#909399;margin-left:8px}.x-upload__file-progress{display:flex;align-items:center;margin-left:8px}.x-upload__file-progress .progress-bar{width:60px;height:4px;background-color:#409eff;border-radius:2px;transition:width .2s}.x-upload__file-progress .progress-text{font-size:12px;color:#909399;margin-left:4px;min-width:36px}.x-upload__file-success{color:#67c23a;margin-left:8px}.x-upload__file-error{color:#f56c6c;margin-left:8px}.x-upload__file-actions{opacity:0;transition:opacity .2s}.x-upload__file-actions .action-remove{cursor:pointer;color:#909399;margin-left:8px}.x-upload__file-actions .action-remove:hover{color:#f56c6c}.x-upload--picture .x-upload__file{padding:8px}.x-upload--picture .x-upload__file-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;margin-right:8px}.x-upload--picture .x-upload__file-info{flex:1;display:flex;flex-direction:column}.x-upload--picture .x-upload__file-name{margin-bottom:4px}.x-upload--picture-card,.x-upload__upload-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;align-items:flex-start}.x-upload__upload-list li+li{margin-top:0}.x-upload__upload-list .x-upload__file{position:relative;width:100px;height:100px;padding:0;border:1px solid #c0ccda;border-radius:6px;overflow:hidden;background-color:#fff;box-sizing:border-box;flex-shrink:0}.x-upload__upload-list .x-upload__file:hover{border-color:#409eff}.x-upload__upload-list .x-upload__file-image{width:100%;height:100%;object-fit:cover}.x-upload__upload-list .x-upload__file-status{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080}.x-upload__upload-list .x-upload__file-status .progress-circle{width:50px;height:50px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.x-upload__upload-list .x-upload__file-status .progress-circle .progress-text{color:#fff;font-size:12px}.x-upload__upload-list .x-upload__file-status .status-success{color:#67c23a;font-size:24px}.x-upload__upload-list .x-upload__file-status .status-error{color:#f56c6c;font-size:24px}.x-upload__upload-list .x-upload__file-actions{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;opacity:0;transition:opacity .2s}.x-upload__upload-list .x-upload__file-actions span{cursor:pointer;font-size:18px;color:#fff;margin:0 8px}.x-upload__upload-list .x-upload__file-actions span:hover{color:#409eff}.x-upload__upload-list .x-upload__file:hover .x-upload__file-actions{opacity:1}.x-upload__upload-list .x-upload__upload-card{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;transition:border-color .2s;background-color:#fbfdff;list-style:none;box-sizing:border-box;flex-shrink:0}.x-upload__upload-list .x-upload__upload-card:hover{border-color:#409eff}.x-upload__upload-list .x-upload__upload-card .upload-icon{font-size:28px;color:#8c939d}.x-upload--picture-card .x-upload__files{display:flex;flex-wrap:wrap;gap:8px}.x-upload--picture-card .x-upload__file{position:relative;width:100px;height:100px;padding:0;border-radius:6px;overflow:hidden}.x-upload--picture-card .x-upload__file-image{width:100%;height:100%;object-fit:cover}.x-upload--picture-card .x-upload__file-status{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080}.x-upload--picture-card .x-upload__file-status .progress-circle{width:50px;height:50px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.x-upload--picture-card .x-upload__file-status .progress-circle .progress-text{color:#fff;font-size:12px}.x-upload--picture-card .x-upload__file-status .status-success{color:#67c23a;font-size:24px}.x-upload--picture-card .x-upload__file-status .status-error{color:#f56c6c;font-size:24px}.x-upload--picture-card .x-upload__file-actions{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;opacity:0;transition:opacity .2s}.x-upload--picture-card .x-upload__file-actions span{cursor:pointer;font-size:18px;color:#fff;margin:0 8px}.x-upload--picture-card .x-upload__file-actions span:hover{color:#409eff}.x-upload--picture-card .x-upload__file:hover .x-upload__file-actions{opacity:1}.x-upload__tip{font-size:12px;color:#909399;width:100%;clear:both}.x-upload.is-disabled .x-upload__trigger-wrapper,.x-upload.is-disabled .x-upload__trigger,.x-upload.is-disabled .x-upload__upload-card,.x-upload.is-disabled .x-upload__drag{cursor:not-allowed;opacity:.5;pointer-events:none}.x-rate{display:inline-flex;align-items:center;height:32px}.x-rate--large{height:40px}.x-rate--large .x-rate__item{font-size:24px}.x-rate--large .x-rate__text{font-size:16px}.x-rate--small{height:24px}.x-rate--small .x-rate__item{font-size:14px}.x-rate--small .x-rate__text{font-size:12px}.x-rate.is-disabled .x-rate__item{cursor:not-allowed}.x-rate.is-readonly .x-rate__item{cursor:default}.x-rate__items{display:inline-flex;align-items:center;gap:2px}.x-rate__item{position:relative;display:inline-block;font-size:18px;cursor:pointer;transition:transform .2s;-webkit-user-select:none;user-select:none}.x-rate__item:not(.is-disabled):not(.is-readonly):hover{transform:scale(1.15)}.x-rate__void{display:block;line-height:1;color:#c6d1de}.x-rate__fill{position:absolute;left:0;top:0;display:block;line-height:1;transition:clip-path .2s;pointer-events:none}.x-rate__text{margin-left:12px;font-size:14px;color:#606266}.x-dynamic-fields{background-color:var(--bg-color, #fff);border-radius:8px}.x-dynamic-fields__add{display:flex;gap:12px;padding:12px;border-bottom:1px solid var(--color-border-lighter, #ebeef5)}.x-dynamic-fields__type-select{padding:8px 12px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:14px;cursor:pointer}.x-dynamic-fields__type-select:focus{border-color:var(--color-primary, #409eff);outline:none}.x-dynamic-fields__add-btn{padding:8px 16px;background:var(--color-primary, #409eff);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.x-dynamic-fields__add-btn:hover{background:var(--color-primary-light, #79bbff)}.x-dynamic-fields__list{padding:8px}.x-dynamic-fields__item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--color-border-lighter, #ebeef5);border-radius:4px;margin-bottom:8px;transition:background-color .2s}.x-dynamic-fields__item:hover{background:var(--color-fill-light, #f5f7fa)}.x-dynamic-fields__info{display:flex;align-items:center;gap:8px}.x-dynamic-fields__info .field-type{padding:2px 8px;background:var(--color-fill, #e4e7ed);border-radius:4px;font-size:12px;color:var(--color-text-secondary, #909399)}.x-dynamic-fields__info .field-name{color:var(--color-primary, #409eff);font-weight:500;font-size:14px}.x-dynamic-fields__info .field-label{color:var(--color-text-regular, #606266);font-size:14px}.x-dynamic-fields__info .field-required{padding:2px 6px;background:#f56c6c1a;color:var(--color-danger, #f56c6c);border-radius:2px;font-size:12px}.x-dynamic-fields__actions{display:flex;gap:8px}.x-dynamic-fields__actions .action-btn{padding:6px 10px;background:transparent;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:12px;cursor:pointer;color:var(--color-text-regular, #606266)}.x-dynamic-fields__actions .action-btn:hover{color:var(--color-primary, #409eff);border-color:var(--color-primary, #409eff)}.x-dynamic-fields__actions .action-btn--danger:hover{color:var(--color-danger, #f56c6c);border-color:var(--color-danger, #f56c6c)}.x-dynamic-fields__empty{padding:24px;text-align:center;color:var(--color-text-placeholder, #c0c4cc)}.x-dynamic-fields__edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000}.x-dynamic-fields__edit-modal .modal-content{width:400px;background:var(--bg-color, #fff);border-radius:8px;box-shadow:0 4px 12px #00000026}.x-dynamic-fields__edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--color-border-lighter, #ebeef5)}.x-dynamic-fields__edit-modal .modal-header .close-btn{background:none;border:none;font-size:18px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-dynamic-fields__edit-modal .modal-body{padding:16px}.x-dynamic-fields__edit-modal .modal-body .edit-field{margin-bottom:16px}.x-dynamic-fields__edit-modal .modal-body .edit-field label{display:block;font-size:14px;color:var(--color-text-regular, #606266);margin-bottom:8px}.x-dynamic-fields__edit-modal .modal-body .edit-field input,.x-dynamic-fields__edit-modal .modal-body .edit-field select{width:100%;padding:8px 12px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:14px}.x-dynamic-fields__edit-modal .modal-body .edit-field input:focus,.x-dynamic-fields__edit-modal .modal-body .edit-field select:focus{border-color:var(--color-primary, #409eff);outline:none}.x-dynamic-fields__edit-modal .modal-body .edit-field .switch-btn{padding:8px 16px;background:var(--color-fill-light, #f5f7fa);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer}.x-dynamic-fields__edit-modal .modal-body .edit-field .switch-btn.is-on{background:var(--color-primary, #409eff);color:#fff;border-color:var(--color-primary, #409eff)}.x-dynamic-fields__edit-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px;border-top:1px solid var(--color-border-lighter, #ebeef5)}.x-dynamic-fields__edit-modal .modal-footer .cancel-btn{padding:8px 16px;background:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer}.x-dynamic-fields__edit-modal .modal-footer .cancel-btn:hover{color:var(--color-primary, #409eff);border-color:var(--color-primary, #409eff)}.x-dynamic-fields__edit-modal .modal-footer .save-btn{padding:8px 16px;background:var(--color-primary, #409eff);color:#fff;border:none;border-radius:4px;cursor:pointer}.x-dynamic-fields__edit-modal .modal-footer .save-btn:hover{background:var(--color-primary-light, #79bbff)}
1
+ .x-input{position:relative;display:inline-flex;width:100%;height:32px;padding:0 12px;font-size:14px;color:var(--color-text-regular, #606266);background-color:var(--bg-color, #fff);background-image:none;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;transition:all .2s}.x-input__inner{flex:1;width:100%;height:100%;padding:0;font-size:inherit;color:inherit;background:transparent;border:none;outline:none;-webkit-appearance:none}.x-input__inner::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-input__inner:focus{outline:none}.x-input--large{height:40px;padding:0 16px;font-size:16px}.x-input--small{height:24px;padding:0 8px;font-size:13px}.x-input:hover{border-color:var(--color-text-placeholder, #c0c4cc)}.x-input.is-focus{border-color:var(--color-primary, #409eff);outline:none}.x-input.is-disabled{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed;background-color:var(--color-fill, #f5f7fa)}.x-input.is-disabled .x-input__inner{cursor:not-allowed}.x-input.is-disabled .x-input__inner::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-input__prefix,.x-input__suffix{display:flex;align-items:center;color:var(--color-text-secondary, #909399)}.x-input__prefix{padding-right:4px}.x-input__suffix{padding-left:4px}.x-input__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;cursor:pointer}.x-input__clear:hover,.x-input__password:hover{color:var(--color-text-regular, #606266)}.x-input__count{font-size:12px;color:var(--color-text-secondary, #909399)}.x-input.is-has-prefix .x-input__inner{padding-left:4px}.x-input.is-has-suffix .x-input__inner{padding-right:4px}.x-input-number{display:inline-flex;align-items:stretch;position:relative;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;transition:border-color .2s,box-shadow .2s;height:32px;box-sizing:border-box}.x-input-number:hover:not(.is-disabled){border-color:#c0c4cc}.x-input-number.is-focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.x-input-number.is-disabled{background-color:#f5f7fa;border-color:#e4e7ed}.x-input-number.is-disabled .x-input-number__inner{background-color:transparent;color:#c0c4cc;cursor:not-allowed}.x-input-number.is-disabled .x-input-number__decrease,.x-input-number.is-disabled .x-input-number__increase{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.x-input-number__decrease,.x-input-number__increase{display:flex;align-items:center;justify-content:center;width:32px;background:#f5f7fa;border:none;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;flex-shrink:0;color:#606266;font-size:18px;font-weight:300;line-height:1}.x-input-number__decrease:hover:not(.is-disabled),.x-input-number__increase:hover:not(.is-disabled){background:#e4e7ed;color:#409eff}.x-input-number__decrease.is-disabled,.x-input-number__increase.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-input-number__decrease.is-disabled:hover,.x-input-number__increase.is-disabled:hover{background:#f5f7fa;color:#c0c4cc}.x-input-number__decrease{border-right:1px solid #dcdfe6;border-radius:4px 0 0 4px}.x-input-number__increase{border-left:1px solid #dcdfe6;border-radius:0 4px 4px 0}.x-input-number__wrapper{flex:1;min-width:60px;display:flex;align-items:center}.x-input-number__inner{width:100%;height:100%;padding:0 12px;border:none;outline:none;font-size:14px;color:#606266;background:transparent;text-align:center;line-height:30px}.x-input-number__inner::placeholder{color:#c0c4cc}.x-input-number--large{height:40px}.x-input-number--large .x-input-number__decrease,.x-input-number--large .x-input-number__increase{width:40px;font-size:20px}.x-input-number--large .x-input-number__inner{font-size:16px;line-height:38px}.x-input-number--small{height:24px}.x-input-number--small .x-input-number__decrease,.x-input-number--small .x-input-number__increase{width:24px;font-size:14px}.x-input-number--small .x-input-number__inner{font-size:12px;padding:0 8px;line-height:22px}.x-input-number--right{flex-direction:column;height:auto;width:80px}.x-input-number--right .x-input-number__decrease,.x-input-number--right .x-input-number__increase{width:100%;height:24px;border-radius:0}.x-input-number--right .x-input-number__decrease{border-right:none;border-bottom:1px solid #dcdfe6;border-radius:4px 4px 0 0}.x-input-number--right .x-input-number__increase{border-left:none;border-top:1px solid #dcdfe6;border-radius:0 0 4px 4px}.x-input-number--right .x-input-number__wrapper{min-width:auto}.x-input-number--right .x-input-number__inner{height:32px;padding:0}.x-input-number .x-input-number__wrapper{min-width:80px}.x-textarea{position:relative;display:inline-block;width:100%;font-size:14px;color:var(--color-text-regular, #606266)}.x-textarea__inner{display:block;width:100%;padding:5px 12px;font-size:inherit;line-height:1.5;color:inherit;background-color:var(--bg-color, #fff);background-image:none;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;cursor:pointer}.x-textarea__inner::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-textarea__inner:hover{border-color:var(--color-text-placeholder, #c0c4cc)}.x-textarea__inner:focus{border-color:var(--color-primary, #409eff);box-shadow:0 0 0 2px #409eff33}.x-textarea.is-disabled .x-textarea__inner{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed;background-color:var(--color-fill, #f5f7fa);border-color:var(--color-border-light, #e4e7ed)}.x-textarea.is-disabled .x-textarea__inner::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-textarea.is-exceed .x-textarea__count{color:var(--color-danger, #f56c6c)}.x-textarea__count{position:absolute;right:10px;bottom:5px;font-size:12px;color:var(--color-text-secondary, #909399);background-color:var(--bg-color, #fff);padding:0 4px}.x-switch{display:inline-flex;align-items:center;font-size:14px;line-height:20px;cursor:pointer;vertical-align:middle}.x-switch.is-disabled{opacity:.6;cursor:not-allowed}.x-switch__core{display:inline-block;position:relative;height:20px;border-radius:10px;background-color:#dcdfe6;transition:background-color .2s;box-sizing:border-box}.x-switch__core:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:left .2s}.x-switch.is-checked .x-switch__core:after{left:calc(100% - 18px)}.x-switch__text{margin-left:8px;font-size:14px;color:#606266}.x-radio{display:inline-flex;align-items:center;margin-right:16px;cursor:pointer;font-size:14px;color:#606266;-webkit-user-select:none;user-select:none}.x-radio__input{position:relative;display:inline-block;width:16px;height:16px;margin-right:8px}.x-radio__input input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.x-radio__input:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border:1px solid #dcdfe6;border-radius:50%;background-color:#fff;transition:all .2s;box-sizing:border-box}.x-radio__input:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background-color:#fff;transform:translate(-50%,-50%) scale(0);transition:transform .2s}.x-radio:hover .x-radio__input:before{border-color:#409eff}.x-radio.is-checked .x-radio__input:before{border-color:#409eff;background-color:#409eff}.x-radio.is-checked .x-radio__input:after{transform:translate(-50%,-50%) scale(1)}.x-radio.is-checked .x-radio__label{color:#409eff}.x-radio.is-disabled{cursor:not-allowed}.x-radio.is-disabled .x-radio__input:before{border-color:#e4e7ed;background-color:#f5f7fa}.x-radio.is-disabled .x-radio__input input{cursor:not-allowed}.x-radio.is-disabled .x-radio__label{color:#c0c4cc}.x-radio.is-disabled.is-checked .x-radio__input:before{border-color:#e4e7ed;background-color:#e4e7ed}.x-radio.is-disabled.is-checked .x-radio__label{color:#c0c4cc}.x-radio__label{line-height:1}.x-radio-group{display:inline-flex;flex-wrap:wrap;align-items:center}.x-radio-button{position:relative;display:inline-block;cursor:pointer}.x-radio-button__input{position:absolute;opacity:0;pointer-events:none}.x-radio-button__inner{display:inline-block;padding:8px 16px;font-size:14px;line-height:1;color:#606266;background-color:#fff;border:1px solid #dcdfe6;border-radius:0;transition:all .2s;white-space:nowrap}.x-radio-button:first-child .x-radio-button__inner{border-radius:4px 0 0 4px}.x-radio-button:last-child .x-radio-button__inner{border-radius:0 4px 4px 0}.x-radio-button:not(:first-child) .x-radio-button__inner{border-left:0}.x-radio-button:hover .x-radio-button__inner{color:#409eff}.x-radio-button.is-active .x-radio-button__inner{color:#fff;background-color:#409eff;border-color:#409eff}.x-radio-button.is-disabled{cursor:not-allowed}.x-radio-button.is-disabled .x-radio-button__inner{color:#c0c4cc;background-color:#f5f7fa;border-color:#e4e7ed;cursor:not-allowed}.x-radio-button.is-disabled:hover .x-radio-button__inner{color:#c0c4cc}.x-radio-button.is-disabled.is-active .x-radio-button__inner{color:#c0c4cc;background-color:#f0f2f5;border-color:#e4e7ed}.x-checkbox{display:inline-flex;align-items:center;margin-right:16px;cursor:pointer;font-size:14px;color:#606266;-webkit-user-select:none;user-select:none}.x-checkbox__input{position:relative;display:inline-block;width:16px;height:16px;margin-right:8px}.x-checkbox__input input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.x-checkbox__input:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border:1px solid #dcdfe6;border-radius:2px;background-color:#fff;transition:all .2s;box-sizing:border-box}.x-checkbox__input:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:transform .2s}.x-checkbox:hover .x-checkbox__input:before{border-color:#409eff}.x-checkbox.is-checked .x-checkbox__input:before{border-color:#409eff;background-color:#409eff}.x-checkbox.is-checked .x-checkbox__input:after{transform:rotate(45deg) scale(1)}.x-checkbox.is-checked .x-checkbox__label{color:#409eff}.x-checkbox.is-indeterminate .x-checkbox__input:before{border-color:#409eff;background-color:#409eff}.x-checkbox.is-indeterminate .x-checkbox__input:after{content:"";position:absolute;top:6px;left:3px;width:8px;height:2px;background-color:#fff;border:none;transform:none}.x-checkbox.is-disabled{cursor:not-allowed}.x-checkbox.is-disabled .x-checkbox__input:before{border-color:#e4e7ed;background-color:#f5f7fa}.x-checkbox.is-disabled .x-checkbox__input input{cursor:not-allowed}.x-checkbox.is-disabled .x-checkbox__label{color:#c0c4cc}.x-checkbox.is-disabled.is-checked .x-checkbox__input:before{border-color:#e4e7ed;background-color:#e4e7ed}.x-checkbox.is-disabled.is-checked .x-checkbox__label{color:#c0c4cc}.x-checkbox__label{line-height:1}.x-checkbox-group{display:inline-flex;flex-wrap:wrap;align-items:center}.x-form{--form-label-width: 100px}.x-form--label-left .x-form-item__label{text-align:left}.x-form--label-right .x-form-item__label{text-align:right}.x-form--label-top .x-form-item,.x-form.is-vertical .x-form-item{flex-direction:column}.x-form--label-top .x-form-item__label,.x-form.is-vertical .x-form-item__label{width:100%!important;text-align:left;padding-bottom:8px;line-height:1.5}.x-form--label-top .x-form-item__content,.x-form.is-vertical .x-form-item__content{line-height:normal}.x-form.is-inline{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.x-form.is-inline .x-form-item{margin-right:0;margin-bottom:0;flex-shrink:0;display:inline-flex;align-items:center}.x-form.is-inline .x-form-item__label{flex-shrink:0;line-height:32px}.x-form.is-inline .x-form-item__content{flex:none;line-height:32px}.x-form.is-inline .x-form-item__content .x-input,.x-form.is-inline .x-form-item__content .x-select{width:180px}.x-form.is-inline .x-form-item__content .x-date-picker:not(.is-range){width:180px}.x-form.is-inline .x-form-item__content .x-date-picker.is-range{width:260px}.x-form.is-inline .x-form-item__content .x-textarea{width:280px}.x-form.is-inline .x-form-item__content .x-input-number{width:140px}.x-form.is-inline .x-form-item__content .x-time-picker:not(.is-range){width:140px}.x-form.is-inline .x-form-item__content .x-time-picker.is-range{width:220px}.x-form-item{display:flex;margin-bottom:18px}.x-form-item__label{flex-shrink:0;padding-right:12px;font-size:14px;color:var(--color-text-regular, #606266);line-height:32px;box-sizing:border-box}.x-form-item__content{flex:1;position:relative;line-height:32px}.x-form-item__error{position:absolute;top:100%;left:0;font-size:12px;color:var(--color-danger, #f56c6c);padding-top:4px}.x-form-item.is-required .x-form-item__label:before{content:"*";color:var(--color-danger, #f56c6c);margin-right:4px}.x-form-item.is-error .x-input,.x-form-item.is-error .x-textarea__inner,.x-form-item.is-error .x-select__wrapper{border-color:var(--color-danger, #f56c6c)}.x-form-item.is-success .x-input,.x-form-item.is-success .x-textarea__inner,.x-form-item.is-success .x-select__wrapper{border-color:var(--color-success, #67c23a)}.x-date-table{width:100%;font-size:14px;table-layout:fixed;border-collapse:collapse}.x-date-table__header-cell{padding:8px 0;font-weight:400;color:#909399;text-align:center;border-bottom:1px solid #ebeef5}.x-date-table__cell{padding:4px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.x-date-table__cell:hover:not(.is-disabled) .x-date-table__cell-text{background-color:#f2f6fc}.x-date-table__cell.is-today .x-date-table__cell-text{color:#409eff;font-weight:700}.x-date-table__cell.is-selected .x-date-table__cell-text{background-color:#409eff;color:#fff}.x-date-table__cell.is-disabled{cursor:not-allowed;color:#c0c4cc}.x-date-table__cell.is-prev-month,.x-date-table__cell.is-next-month{color:#c0c4cc}.x-date-table__cell.is-prev-month.is-in-range,.x-date-table__cell.is-next-month.is-in-range{color:#606266}.x-date-table__cell.is-prev-month.is-range-start,.x-date-table__cell.is-prev-month.is-range-end,.x-date-table__cell.is-next-month.is-range-start,.x-date-table__cell.is-next-month.is-range-end{color:#fff}.x-date-table__cell.is-in-range{background-color:#f2f6fc}.x-date-table__cell.is-in-range.is-range-start,.x-date-table__cell.is-in-range.is-range-end{background-color:transparent}.x-date-table__cell.is-range-start .x-date-table__cell-text,.x-date-table__cell.is-range-end .x-date-table__cell-text{background-color:#409eff;color:#fff}.x-date-table__cell.is-range-start{border-top-left-radius:4px;border-bottom-left-radius:4px}.x-date-table__cell.is-range-end{border-top-right-radius:4px;border-bottom-right-radius:4px}.x-date-table__cell-text{display:inline-block;width:24px;height:24px;line-height:24px;border-radius:50%;text-align:center;transition:background-color .2s}.x-month-table{width:100%;font-size:14px;table-layout:fixed;border-collapse:collapse}.x-month-table__cell{padding:12px 0;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.x-month-table__cell:hover:not(.is-disabled) .x-month-table__cell-text{background-color:#f2f6fc}.x-month-table__cell.is-current .x-month-table__cell-text{color:#409eff;font-weight:700}.x-month-table__cell.is-selected .x-month-table__cell-text{background-color:#409eff;color:#fff}.x-month-table__cell.is-disabled{cursor:not-allowed;color:#c0c4cc}.x-month-table__cell-text{display:inline-block;padding:8px 16px;border-radius:4px;transition:background-color .2s}.x-year-table{width:100%;font-size:14px;table-layout:fixed;border-collapse:collapse}.x-year-table__cell{padding:12px 0;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.x-year-table__cell:hover:not(.is-disabled) .x-year-table__cell-text{background-color:#f2f6fc}.x-year-table__cell.is-current .x-year-table__cell-text{color:#409eff;font-weight:700}.x-year-table__cell.is-selected .x-year-table__cell-text{background-color:#409eff;color:#fff}.x-year-table__cell.is-disabled{cursor:not-allowed;color:#c0c4cc}.x-year-table__cell:not(.is-in-decade){color:#c0c4cc}.x-year-table__cell-text{display:inline-block;padding:8px 16px;border-radius:4px;transition:background-color .2s}.x-date-picker{display:inline-block;position:relative;vertical-align:middle}.x-date-picker--large .x-date-picker__input{height:40px}.x-date-picker--large .x-date-picker__input-inner{font-size:16px}.x-date-picker--small .x-date-picker__input{height:24px}.x-date-picker--small .x-date-picker__input-inner{font-size:12px}.x-date-picker.is-disabled .x-date-picker__input{background-color:var(--color-fill, #f5f7fa);border-color:var(--color-border-light, #e4e7ed);cursor:not-allowed}.x-date-picker.is-disabled .x-date-picker__input-inner{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed}.x-date-picker__input{display:flex;align-items:center;width:100%;height:32px;padding:0 30px 0 12px;background-color:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;position:relative}.x-date-picker__input:hover:not(.is-disabled){border-color:var(--color-text-placeholder, #c0c4cc)}.x-date-picker__input.is-focus{border-color:var(--color-primary, #409eff);box-shadow:0 0 0 2px #409eff33}.x-date-picker.is-range .x-date-picker__input{padding:0 30px 0 0}.x-date-picker.is-range .x-date-picker__input-inner{flex:1;min-width:0;padding:0 12px;text-align:center}.x-date-picker__input-inner{flex:1;min-width:0;width:0;border:none;outline:none;font-size:14px;color:#606266;background:transparent;cursor:pointer}.x-date-picker__input-inner::placeholder{color:#c0c4cc}.x-date-picker__separator{flex-shrink:0;padding:0 8px;color:#909399}.x-date-picker__suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#c0c4cc}.x-date-picker__clear{cursor:pointer;color:#c0c4cc}.x-date-picker__clear:hover{color:#909399}.x-date-picker__popper{position:fixed;width:320px;padding:12px;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px #0000001a}.x-date-picker__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ebeef5;margin-bottom:12px}.x-date-picker__prev-btn,.x-date-picker__next-btn{padding:4px 8px;border:none;background:none;font-size:18px;color:#606266;cursor:pointer;border-radius:4px}.x-date-picker__prev-btn:hover,.x-date-picker__next-btn:hover{color:#409eff}.x-date-picker__header-title{font-size:14px;font-weight:500;color:#606266}.x-date-picker__header-title span{cursor:pointer;padding:4px;border-radius:4px}.x-date-picker__header-title span:hover{color:#409eff}.x-date-picker__time{display:flex;justify-content:center;gap:8px;padding:12px 0;border-top:1px solid #ebeef5;margin-top:12px}.x-date-picker__time-item{display:flex;align-items:center;gap:4px;font-size:14px;color:#606266}.x-date-picker__time-select{width:50px;height:28px;padding:0 4px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;color:#606266;background:#fff;cursor:pointer}.x-date-picker__time-select:focus{border-color:#409eff;outline:none}.x-date-picker__footer{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid #ebeef5;margin-top:12px}.x-date-picker__confirm-btn{padding:6px 16px;border:none;background:#409eff;color:#fff;font-size:14px;border-radius:4px;cursor:pointer}.x-date-picker__confirm-btn:hover{background:#66b1ff}.x-time-panel{-webkit-user-select:none;user-select:none}.x-time-panel__content{display:flex;position:relative;height:200px;overflow:hidden}.x-time-panel__indicator{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:32px;background-color:#f5f7fa;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed;pointer-events:none;z-index:0}.x-time-panel__list{flex:1;height:100%;overflow-y:auto;position:relative;z-index:1;scroll-behavior:smooth}.x-time-panel__list::-webkit-scrollbar{width:0}.x-time-panel__padding{height:84px}.x-time-panel__item{height:32px;line-height:32px;text-align:center;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-time-panel__item:hover:not(.is-disabled){color:#409eff}.x-time-panel__item.is-selected{color:#409eff;font-weight:700}.x-time-panel__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-time-panel__footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #ebeef5;margin-top:8px}.x-time-panel__current-time{font-size:14px;color:#606266}.x-time-panel__actions{display:flex;gap:8px}.x-time-panel__btn-cancel,.x-time-panel__btn-confirm{padding:5px 12px;font-size:12px;border-radius:4px;cursor:pointer;border:1px solid #dcdfe6;transition:all .2s;line-height:1}.x-time-panel__btn-cancel{background-color:#fff;color:#606266}.x-time-panel__btn-cancel:hover{color:#409eff;border-color:#c0c4cc}.x-time-panel__btn-confirm{background-color:#409eff;border-color:#409eff;color:#fff}.x-time-panel__btn-confirm:hover{background-color:#66b1ff;border-color:#66b1ff}.x-time-picker{display:inline-block;position:relative;vertical-align:middle}.x-time-picker--large .x-time-picker__input{height:40px}.x-time-picker--large .x-time-picker__input-inner{font-size:16px}.x-time-picker--small .x-time-picker__input{height:24px}.x-time-picker--small .x-time-picker__input-inner{font-size:12px}.x-time-picker.is-disabled .x-time-picker__input{background-color:var(--color-fill, #f5f7fa);border-color:var(--color-border-light, #e4e7ed);cursor:not-allowed}.x-time-picker.is-disabled .x-time-picker__input-inner{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed}.x-time-picker__input{display:flex;align-items:center;width:100%;height:32px;padding:0 30px 0 12px;background-color:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;position:relative}.x-time-picker__input:hover:not(.is-disabled){border-color:var(--color-text-placeholder, #c0c4cc)}.x-time-picker__input.is-focus{border-color:var(--color-primary, #409eff);box-shadow:0 0 0 2px #409eff33}.x-time-picker.is-range .x-time-picker__input{padding-right:35px}.x-time-picker__input-inner{flex:1;min-width:0;border:none;outline:none;font-size:14px;color:#606266;background:transparent;cursor:pointer;text-align:center}.x-time-picker__input-inner::placeholder{color:#c0c4cc}.x-time-picker__input-inner.is-active{color:#409eff}.x-time-picker__separator{padding:0 4px;color:#909399;flex-shrink:0}.x-time-picker__suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#c0c4cc}.x-time-picker__clear{cursor:pointer;color:#c0c4cc}.x-time-picker__clear:hover{color:#909399}.x-time-picker__popper{position:fixed;width:240px;padding:12px;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;box-shadow:0 2px 12px #0000001a}.x-time-picker__popper-header{padding:8px 0 12px;margin-bottom:12px;border-bottom:1px solid #ebeef5;font-size:14px;color:#606266;text-align:center}.x-select{display:inline-block;position:relative;width:240px;vertical-align:middle}.x-select--large .x-select__wrapper{height:40px}.x-select--large .x-select__input{font-size:16px}.x-select--small .x-select__wrapper{height:24px}.x-select--small .x-select__input{font-size:12px}.x-select.is-disabled .x-select__wrapper{background-color:var(--color-fill, #f5f7fa);border-color:var(--color-border-light, #e4e7ed);cursor:not-allowed}.x-select.is-disabled .x-select__input{color:var(--color-text-placeholder, #c0c4cc);cursor:not-allowed}.x-select.is-disabled .x-select__suffix{color:var(--color-text-placeholder, #c0c4cc)}.x-select__wrapper{display:flex;align-items:center;min-height:32px;padding:0 30px 0 12px;background-color:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;position:relative}.x-select:not(.is-disabled):hover .x-select__wrapper{border-color:var(--color-text-placeholder, #c0c4cc)}.x-select.is-focus .x-select__wrapper{border-color:var(--color-primary, #409eff);box-shadow:0 0 0 2px #409eff33}.x-select__tags{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.x-select__tag{display:inline-flex;align-items:center;max-width:100%;padding:0 6px;height:22px;background-color:var(--color-fill, #f0f2f5);border-radius:4px;font-size:12px;color:var(--color-text-regular, #606266);box-sizing:border-box}.x-select__tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-select__tag-close{margin-left:4px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-select__tag-close:hover{color:var(--color-primary, #409eff)}.x-select__tag-count{padding:0 6px;height:22px;line-height:22px;background-color:var(--color-fill, #f0f2f5);border-radius:4px;font-size:12px;color:var(--color-text-regular, #606266)}.x-select__input{flex:1;min-width:0;border:none;outline:none;font-size:14px;color:var(--color-text-regular, #606266);background:transparent;cursor:pointer}.x-select__input::placeholder{color:var(--color-text-placeholder, #c0c4cc)}.x-select__suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--color-text-placeholder, #c0c4cc)}.x-select__clear{cursor:pointer;color:var(--color-text-placeholder, #c0c4cc)}.x-select__clear:hover{color:var(--color-text-secondary, #909399)}.x-select__arrow{font-size:12px;transition:transform .3s}.x-select__arrow.is-reverse{transform:rotate(180deg)}.x-select__popper{position:fixed;min-width:180px;max-height:274px;background-color:var(--bg-color, #fff);border:1px solid var(--color-border-lighter, #ebeef5);border-radius:4px;box-shadow:0 2px 12px #0000001a;overflow:auto}.x-select__popper.is-cascader{max-height:none}.x-select__popper{cursor:pointer}.x-select__options{padding:4px 0;cursor:pointer}.x-select__option{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:14px;color:var(--color-text-regular, #606266);transition:background-color .2s}.x-select__option:not(.is-disabled){cursor:pointer!important}.x-select__option:not(.is-disabled):hover{background-color:var(--color-primary-light-9, #ecf5ff)}.x-select__option.is-selected{color:var(--color-primary, #409eff);font-weight:700}.x-select__option.is-group{color:var(--color-text-secondary, #909399)}.x-select__option.is-disabled{color:var(--color-text-placeholder, #c0c4cc)!important;cursor:not-allowed!important}.x-select__option.is-disabled:hover{background-color:transparent!important}.x-select__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-select__option-check{color:var(--color-primary, #409eff);font-size:12px}.x-select__option-arrow{margin-left:8px;color:var(--color-text-placeholder, #c0c4cc);font-size:14px}.x-select__empty{padding:20px 0;text-align:center;font-size:14px;color:var(--color-text-regular, #606266);cursor:pointer}.x-select__cascader-panels{display:flex;min-width:360px}.x-select__cascader-panel{flex:1;min-width:180px;max-height:274px;overflow-y:auto;border-right:1px solid var(--color-border-lighter, #ebeef5);cursor:pointer}.x-select__cascader-panel:last-child{border-right:none}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease,transform .2s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-8px)}.x-transfer{display:flex;align-items:center;font-size:14px;color:#606266}.x-transfer__panel{flex:1;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;overflow:hidden;box-sizing:border-box}.x-transfer__header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background-color:#f5f7fa;border-bottom:1px solid #dcdfe6}.x-transfer__checkbox{display:inline-flex;align-items:center;cursor:pointer}.x-transfer__checkbox input{margin-right:8px;cursor:pointer}.x-transfer__count{font-size:12px;color:#909399}.x-transfer__filter{position:relative;padding:10px;border-bottom:1px solid #dcdfe6}.x-transfer__filter-input{width:100%;padding:6px 30px 6px 10px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;outline:none;box-sizing:border-box}.x-transfer__filter-input:focus{border-color:#409eff}.x-transfer__filter-input::placeholder{color:#c0c4cc}.x-transfer__filter-clear{position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer;color:#c0c4cc;font-size:16px}.x-transfer__filter-clear:hover{color:#909399}.x-transfer__body{height:200px;overflow-y:auto;padding:8px 0}.x-transfer__item{display:flex;align-items:center;padding:8px 15px;cursor:pointer;transition:background-color .2s}.x-transfer__item:hover:not(.is-disabled){background-color:#f5f7fa}.x-transfer__item.is-checked{background-color:#ecf5ff}.x-transfer__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-transfer__empty{padding:20px;text-align:center;color:#909399}.x-transfer__buttons{display:flex;flex-direction:column;padding:0 15px}.x-transfer__button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:4px 0;padding:0;border:1px solid #dcdfe6;border-radius:4px;background-color:#fff;color:#606266;font-size:12px;cursor:pointer;transition:all .2s}.x-transfer__button:hover:not(.is-disabled){border-color:#409eff;color:#409eff}.x-transfer__button.is-disabled{color:#c0c4cc;cursor:not-allowed;background-color:#f5f7fa}.x-slider{--slider-height: 6px;--slider-button-size: 16px;--slider-button-wrapper-size: 36px;width:100%;padding-top:30px;padding-bottom:10px;box-sizing:border-box}.x-slider__runway{position:relative;width:100%;height:var(--slider-height);background-color:#e4e7ed;border-radius:3px;cursor:pointer}.x-slider__bar{position:absolute;height:100%;background-color:#409eff;border-radius:3px;transition:width .1s}.x-slider__button-wrapper{position:absolute;width:var(--slider-button-wrapper-size);height:var(--slider-button-wrapper-size);top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;cursor:grab;z-index:1}.x-slider__button-wrapper:active{cursor:grabbing}.x-slider__button{width:var(--slider-button-size);height:var(--slider-button-size);border:2px solid #409eff;background-color:#fff;border-radius:50%;transition:transform .2s,box-shadow .2s}.x-slider__button:hover{transform:scale(1.2);box-shadow:0 0 0 4px #409eff33}.x-slider__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:4px 8px;background-color:#303133;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap}.x-slider__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#303133}.x-slider__stop{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#fff;border:2px solid #e4e7ed;transform:translate(-50%,-50%);top:50%}.x-slider__mark{position:absolute;transform:translate(-50%);top:20px}.x-slider__mark-text{font-size:12px;color:#909399}.x-slider.is-disabled .x-slider__runway{cursor:not-allowed}.x-slider.is-disabled .x-slider__bar{background-color:#c0c4cc}.x-slider.is-disabled .x-slider__button{border-color:#c0c4cc;cursor:not-allowed}.x-slider.is-disabled .x-slider__button:hover{transform:none;box-shadow:none}.x-slider.is-vertical{display:inline-block;width:auto;height:auto;padding:0 30px 0 10px}.x-slider.is-vertical .x-slider__runway{width:var(--slider-height);height:100%;margin-left:15px}.x-slider.is-vertical .x-slider__bar{width:100%;height:auto;bottom:0}.x-slider.is-vertical .x-slider__button-wrapper{left:50%;transform:translate(-50%,50%)}.x-slider.is-vertical .x-slider__tooltip{left:100%;bottom:auto;top:50%;transform:translateY(-50%);margin-left:8px;margin-bottom:0}.x-slider.is-vertical .x-slider__tooltip:after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-top-color:transparent;border-right-color:#303133}.x-slider.is-vertical .x-slider__stop{transform:translate(-50%,50%);left:50%;top:auto}.x-slider.is-vertical .x-slider__mark{transform:translateY(50%);left:20px;top:auto}.x-upload{display:inline-block}.x-upload__input{position:absolute;left:-9999px;top:-9999px;opacity:0;width:0;height:0;pointer-events:none}.x-upload__trigger-wrapper{display:inline-block;cursor:pointer}.x-upload__trigger{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;color:#fff;background-color:#409eff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.x-upload__trigger:hover:not(:disabled){background-color:#66b1ff}.x-upload__trigger:disabled{cursor:not-allowed;opacity:.5}.x-upload__drag{display:flex;flex-direction:column;align-items:center;justify-content:center;width:360px;height:180px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;transition:border-color .2s}.x-upload__drag:hover,.x-upload__drag.is-dragover{border-color:#409eff}.x-upload__drag-icon{font-size:48px;color:#c0c4cc;margin-bottom:16px}.x-upload__drag-text{font-size:14px;color:#606266}.x-upload__drag-text em{color:#409eff;font-style:normal}.x-upload__upload-card{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;transition:border-color .2s;background-color:#fbfdff}.x-upload__upload-card:hover{border-color:#409eff}.x-upload__upload-card .upload-icon{font-size:24px;color:#8c939d}.x-upload__files{margin:10px 0 0;padding:0;list-style:none}.x-upload__file{display:flex;align-items:center;padding:8px 12px;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;margin-bottom:8px;transition:background-color .2s}.x-upload__file:hover{background-color:#f5f7fa}.x-upload__file:hover .x-upload__file-actions{opacity:1}.x-upload__file-icon{font-size:24px;margin-right:8px}.x-upload__file-name{flex:1;font-size:14px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-upload__file-size{font-size:12px;color:#909399;margin-left:8px}.x-upload__file-progress{display:flex;align-items:center;margin-left:8px}.x-upload__file-progress .progress-bar{width:60px;height:4px;background-color:#409eff;border-radius:2px;transition:width .2s}.x-upload__file-progress .progress-text{font-size:12px;color:#909399;margin-left:4px;min-width:36px}.x-upload__file-success{color:#67c23a;margin-left:8px}.x-upload__file-error{color:#f56c6c;margin-left:8px}.x-upload__file-actions{opacity:0;transition:opacity .2s}.x-upload__file-actions .action-remove{cursor:pointer;color:#909399;margin-left:8px}.x-upload__file-actions .action-remove:hover{color:#f56c6c}.x-upload--picture .x-upload__file{padding:8px}.x-upload--picture .x-upload__file-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;margin-right:8px}.x-upload--picture .x-upload__file-info{flex:1;display:flex;flex-direction:column}.x-upload--picture .x-upload__file-name{margin-bottom:4px}.x-upload--picture-card,.x-upload__upload-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;align-items:flex-start}.x-upload__upload-list li+li{margin-top:0}.x-upload__upload-list .x-upload__file{position:relative;width:100px;height:100px;padding:0;border:1px solid #c0ccda;border-radius:6px;overflow:hidden;background-color:#fff;box-sizing:border-box;flex-shrink:0}.x-upload__upload-list .x-upload__file:hover{border-color:#409eff}.x-upload__upload-list .x-upload__file-image{width:100%;height:100%;object-fit:cover}.x-upload__upload-list .x-upload__file-status{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080}.x-upload__upload-list .x-upload__file-status .progress-circle{width:50px;height:50px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.x-upload__upload-list .x-upload__file-status .progress-circle .progress-text{color:#fff;font-size:12px}.x-upload__upload-list .x-upload__file-status .status-success{color:#67c23a;font-size:24px}.x-upload__upload-list .x-upload__file-status .status-error{color:#f56c6c;font-size:24px}.x-upload__upload-list .x-upload__file-actions{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;opacity:0;transition:opacity .2s}.x-upload__upload-list .x-upload__file-actions span{cursor:pointer;font-size:18px;color:#fff;margin:0 8px}.x-upload__upload-list .x-upload__file-actions span:hover{color:#409eff}.x-upload__upload-list .x-upload__file:hover .x-upload__file-actions{opacity:1}.x-upload__upload-list .x-upload__upload-card{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;transition:border-color .2s;background-color:#fbfdff;list-style:none;box-sizing:border-box;flex-shrink:0}.x-upload__upload-list .x-upload__upload-card:hover{border-color:#409eff}.x-upload__upload-list .x-upload__upload-card .upload-icon{font-size:28px;color:#8c939d}.x-upload--picture-card .x-upload__files{display:flex;flex-wrap:wrap;gap:8px}.x-upload--picture-card .x-upload__file{position:relative;width:100px;height:100px;padding:0;border-radius:6px;overflow:hidden}.x-upload--picture-card .x-upload__file-image{width:100%;height:100%;object-fit:cover}.x-upload--picture-card .x-upload__file-status{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080}.x-upload--picture-card .x-upload__file-status .progress-circle{width:50px;height:50px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.x-upload--picture-card .x-upload__file-status .progress-circle .progress-text{color:#fff;font-size:12px}.x-upload--picture-card .x-upload__file-status .status-success{color:#67c23a;font-size:24px}.x-upload--picture-card .x-upload__file-status .status-error{color:#f56c6c;font-size:24px}.x-upload--picture-card .x-upload__file-actions{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;opacity:0;transition:opacity .2s}.x-upload--picture-card .x-upload__file-actions span{cursor:pointer;font-size:18px;color:#fff;margin:0 8px}.x-upload--picture-card .x-upload__file-actions span:hover{color:#409eff}.x-upload--picture-card .x-upload__file:hover .x-upload__file-actions{opacity:1}.x-upload__tip{font-size:12px;color:#909399;width:100%;clear:both}.x-upload.is-disabled .x-upload__trigger-wrapper,.x-upload.is-disabled .x-upload__trigger,.x-upload.is-disabled .x-upload__upload-card,.x-upload.is-disabled .x-upload__drag{cursor:not-allowed;opacity:.5;pointer-events:none}.x-rate{display:inline-flex;align-items:center;height:32px}.x-rate--large{height:40px}.x-rate--large .x-rate__item{font-size:24px}.x-rate--large .x-rate__text{font-size:16px}.x-rate--small{height:24px}.x-rate--small .x-rate__item{font-size:14px}.x-rate--small .x-rate__text{font-size:12px}.x-rate.is-disabled .x-rate__item{cursor:not-allowed}.x-rate.is-readonly .x-rate__item{cursor:default}.x-rate__items{display:inline-flex;align-items:center;gap:2px}.x-rate__item{position:relative;display:inline-block;font-size:18px;cursor:pointer;transition:transform .2s;-webkit-user-select:none;user-select:none}.x-rate__item:not(.is-disabled):not(.is-readonly):hover{transform:scale(1.15)}.x-rate__void{display:block;line-height:1;color:#c6d1de}.x-rate__fill{position:absolute;left:0;top:0;display:block;line-height:1;transition:clip-path .2s;pointer-events:none}.x-rate__text{margin-left:12px;font-size:14px;color:#606266}.x-dynamic-fields{background-color:var(--bg-color, #fff);border-radius:8px}.x-dynamic-fields__add{display:flex;gap:12px;padding:12px;border-bottom:1px solid var(--color-border-lighter, #ebeef5)}.x-dynamic-fields__type-select{padding:8px 12px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:14px;cursor:pointer}.x-dynamic-fields__type-select:focus{border-color:var(--color-primary, #409eff);outline:none}.x-dynamic-fields__add-btn{padding:8px 16px;background:var(--color-primary, #409eff);color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.x-dynamic-fields__add-btn:hover{background:var(--color-primary-light, #79bbff)}.x-dynamic-fields__list{padding:8px}.x-dynamic-fields__item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--color-border-lighter, #ebeef5);border-radius:4px;margin-bottom:8px;transition:background-color .2s}.x-dynamic-fields__item:hover{background:var(--color-fill-light, #f5f7fa)}.x-dynamic-fields__info{display:flex;align-items:center;gap:8px}.x-dynamic-fields__info .field-type{padding:2px 8px;background:var(--color-fill, #e4e7ed);border-radius:4px;font-size:12px;color:var(--color-text-secondary, #909399)}.x-dynamic-fields__info .field-name{color:var(--color-primary, #409eff);font-weight:500;font-size:14px}.x-dynamic-fields__info .field-label{color:var(--color-text-regular, #606266);font-size:14px}.x-dynamic-fields__info .field-required{padding:2px 6px;background:#f56c6c1a;color:var(--color-danger, #f56c6c);border-radius:2px;font-size:12px}.x-dynamic-fields__actions{display:flex;gap:8px}.x-dynamic-fields__actions .action-btn{padding:6px 10px;background:transparent;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:12px;cursor:pointer;color:var(--color-text-regular, #606266)}.x-dynamic-fields__actions .action-btn:hover{color:var(--color-primary, #409eff);border-color:var(--color-primary, #409eff)}.x-dynamic-fields__actions .action-btn--danger:hover{color:var(--color-danger, #f56c6c);border-color:var(--color-danger, #f56c6c)}.x-dynamic-fields__empty{padding:24px;text-align:center;color:var(--color-text-placeholder, #c0c4cc)}.x-dynamic-fields__edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000}.x-dynamic-fields__edit-modal .modal-content{width:400px;background:var(--bg-color, #fff);border-radius:8px;box-shadow:0 4px 12px #00000026}.x-dynamic-fields__edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--color-border-lighter, #ebeef5)}.x-dynamic-fields__edit-modal .modal-header .close-btn{background:none;border:none;font-size:18px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-dynamic-fields__edit-modal .modal-body{padding:16px}.x-dynamic-fields__edit-modal .modal-body .edit-field{margin-bottom:16px}.x-dynamic-fields__edit-modal .modal-body .edit-field label{display:block;font-size:14px;color:var(--color-text-regular, #606266);margin-bottom:8px}.x-dynamic-fields__edit-modal .modal-body .edit-field input,.x-dynamic-fields__edit-modal .modal-body .edit-field select{width:100%;padding:8px 12px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:14px}.x-dynamic-fields__edit-modal .modal-body .edit-field input:focus,.x-dynamic-fields__edit-modal .modal-body .edit-field select:focus{border-color:var(--color-primary, #409eff);outline:none}.x-dynamic-fields__edit-modal .modal-body .edit-field .switch-btn{padding:8px 16px;background:var(--color-fill-light, #f5f7fa);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer}.x-dynamic-fields__edit-modal .modal-body .edit-field .switch-btn.is-on{background:var(--color-primary, #409eff);color:#fff;border-color:var(--color-primary, #409eff)}.x-dynamic-fields__edit-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px;border-top:1px solid var(--color-border-lighter, #ebeef5)}.x-dynamic-fields__edit-modal .modal-footer .cancel-btn{padding:8px 16px;background:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;cursor:pointer}.x-dynamic-fields__edit-modal .modal-footer .cancel-btn:hover{color:var(--color-primary, #409eff);border-color:var(--color-primary, #409eff)}.x-dynamic-fields__edit-modal .modal-footer .save-btn{padding:8px 16px;background:var(--color-primary, #409eff);color:#fff;border:none;border-radius:4px;cursor:pointer}.x-dynamic-fields__edit-modal .modal-footer .save-btn:hover{background:var(--color-primary-light, #79bbff)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xto/form",
3
- "version": "1.1.3",
3
+ "version": "1.1.5",
4
4
  "description": "Xto Form - Form components",
5
5
  "homepage": "https://jinguchu.github.io/xto-ui/",
6
6
  "repository": {
@@ -25,6 +25,10 @@
25
25
  "publishConfig": {
26
26
  "access": "public"
27
27
  },
28
+ "scripts": {
29
+ "build": "vite build",
30
+ "dev": "vite build --watch"
31
+ },
28
32
  "dependencies": {
29
33
  "@xto/core": "^1.0.3"
30
34
  },
@@ -34,14 +38,10 @@
34
38
  "devDependencies": {
35
39
  "@vitejs/plugin-vue": "^5.0.4",
36
40
  "@vitejs/plugin-vue-jsx": "^3.1.0",
41
+ "@xto/build": "workspace:*",
37
42
  "typescript": "^5.4.2",
38
43
  "vite": "^5.2.0",
39
44
  "vitest": "^1.4.0",
40
- "vue": "^3.4.21",
41
- "@xto/build": "0.1.0"
42
- },
43
- "scripts": {
44
- "build": "vite build",
45
- "dev": "vite build --watch"
45
+ "vue": "^3.4.21"
46
46
  }
47
- }
47
+ }