.cn-ai-table-schema-field {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(auto-fit, 130px);

  &__item {
    &--full-width {
      // 使用 CSS 变量，默认值为 42px（medium）
      // height: var(--table-cell-height, 42px);
      width: var(--column-width, 200px);
    }
  }
}

// 在 body 级别设置 CSS 变量（用于弹窗中的组件）
body {
  --table-cell-height: 42px; // 默认值（medium）
}

// 解决numberpicker样式优先级问题
// 使用 CSS 变量，从 dropdown-form-item 中获取 columnWidth，默认值为 200px
.cn-ai-table-schema-field__item--full-width.cn-next-number-picker {
  width: var(--column-width, 200px);
}

// 时区日期组件：单日期
.cn-ai-table-schema-field__item--full-width.cn-ai-table-schema-field__item--timezone-date {
  width: 300px;
}

// 时区日期区间组件：起止日期
.cn-ai-table-schema-field__item--full-width.cn-ai-table-schema-field__item--timezone-range-date {
  width: 450px;
}

// 解决日期选择器样式优先级问题
// .cn-ai-table-schema-field__item--full-width.cn-next-date-picker2 {
//   width: var(--column-width, 200px);
// }

// 解决组合框中辅助输入框优先级问题
// .cn-ai-table-schema-field__item--full-width.css-1oibjoc.cn-next-select-auto-complete {
//   width: var(--column-width, 200px);
// }

// 解决RadioGroup样式优先级问题
.cn-ai-table-schema-field__item--full-width.cn-ai-table-schema-field__radio-padding {
  padding: 8px;
}

// 解决CheckboxGroup样式优先级问题
.cn-ai-table-schema-field__item--full-width.cn-ai-table-schema-field__checkbox-padding {
  padding: 8px;
}

.cn-dropdown-form-item__content
  > .cn-search-custom-select-container
  .cn-next-cascader-select-dropdown {
  background-color: white;
}
