.#{$prefix}action-state{
    font-size: $font-size-default;
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    .#{$prefix}icon{
        vertical-align: -5px;
    }
    
    .#{$prefix}action-state__text{
        display: inline-block;
        vertical-align: middle;
        // max-width: calc(100% - 24px);
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1;
    }
    a.#{$prefix}action-state__text,
    a{
        color:$color-text-primary;
        flex:initial;
    }
}
// 仅用于表单布局中，与标题对齐时使用
.#{$prefix}action-state.#{$prefix}action-state--form-align{
    height: $form-height;
    line-height:$form-height;
    display: inline-block; 
    vertical-align: middle;
}