@use './common/var' as *;
@use './mixins/mixins' as *;
@use 'element-plus/theme-chalk/src/mixins/_var' as elVarMixins;

// TODO ElementPlus自身样式bug，后续待修复后去掉
.el-date-editor {
  box-sizing: border-box !important;
}

// el-table
html .el-table,
html .el-table-v2 {
  @include elVarMixins.set-css-var-value(('table', 'header-bg-color'), #f5f6fa);
}

// el-select 下拉列表选项选中状态文字过多时勾会与文字重叠
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  right: 10px !important;
}

// el-autocomplete 建议列表width不定死 随内容撑开 保持和el-select的样式一致
.el-autocomplete-suggestion {
  width: auto !important;
  min-width: var(--pd-form-content-width) !important;
}

// el-form
form.el-form {
  .el-form--inline .el-form-item__content {
    vertical-align: middle;
  }
  .el-form-item__error {
    padding-top: 2px !important;
  }
}

// el-tab
div.el-tabs__nav-wrap::after {
  height: 1px;
}

/* 取消tab标签动态效果 */
.el-tabs--card > .el-tabs__header div.el-tabs__item {
  .el-icon.is-icon-close {
    width: 14px;

    transition: cubic-bezier(0.645, 0.045, 0.355, 1);
  }

  &.is-closable:hover {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

// el-dialog 边距调整
.el-dialog {
  margin-bottom: 10px !important;

  .el-dialog__body {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.el-form-item {
  .el-date-editor.el-range-editor {
    padding: 3px;
    .el-range__icon {
      width: 20px;
      margin-left: -2px;
    }
    .el-range-separator {
      width: auto;
      padding: 0;
    }
    .el-range__close-icon {
      font-size: 14px;
      width: 18px;
    }
  }
}