@zgfe/business-lib 1.0.0-beta.6 → 1.0.3

package/es/commonStyle/theme.less

@@ -1,476 +1,523 @@
 @import (reference) './variable.less';
 
 /* Select-文本框样式重构 */
-.ant-select {
-  color: @fontColor;
-  font-size: @fontSize;
-
-  &.small {
-    .ant-select-selector {
-      height: @inputHeight;
-      line-height: @inputHeight;
-
-      .ant-select-selection-item,
-      .ant-select-selection-placeholder {
-        line-height: @inputHeight;
-      }
-    }
-  }
-
-  &.middle {
-    .ant-select-selector {
-      height: @inputHeightNormal;
-      line-height: @inputHeightNormal;
-
-      .ant-select-selection-item,
-      .ant-select-selection-placeholder {
-        line-height: @inputHeightNormal;
-      }
-    }
-  }
-
-  &.large {
-    .ant-select-selector {
-      height: @inputHeightLarge;
-      line-height: @inputHeightLarge;
-
-      .ant-select-selection-item,
-      .ant-select-selection-placeholder {
-        line-height: @inputHeightLarge;
-      }
-    }
-  }
-
-  .ant-select-selection-item {
-    color: @fontColor;
-
-    span {
-      color: @fontColor;
-    }
-  }
-
-  &.ant-select-borderless {
-    &.biz-gray .ant-select-selector {
-      background-color: @grayColor;
-    }
-
-    .ant-select-arrow {
-      display: none;
-    }
-  }
-
-  &:not(.ant-select-customize-input).biz-borderless {
-    .ant-select-selector {
-      background-color: @grayColor;
-      border-color: @grayColor;
-    }
-
-    .ant-select-arrow {
-      display: none;
-    }
-
-    &.ant-select-focused:not(.ant-select-disabled, .biz-borderless),
-    &:not(.ant-select-disabled, .ant-select-customize-input, .biz-borderless):hover {
-      .ant-select-selector {
-        color: @themeColor;
-        background: @hoverBgColor;
-        border-color: @hoverBgColor;
-        box-shadow: none;
-
-        .ant-select-selection-item {
-          color: @themeColor;
-
-          span {
-            color: @themeColor;
-          }
-        }
-      }
-    }
-  }
-
-  &:not(.ant-select-customize-input) .ant-select-selector {
-    padding: @inputPadding;
-    background-color: #fff;
-    border: @boxBorder;
-    border-radius: @boxRadius;
-  }
-
-  &:not(.ant-select-customize-input).ant-select-focused:not(.ant-select-disabled),
-  &:not(.ant-select-disabled, .ant-select-customize-input):hover,
-  &.ant-select-borderless:hover,
-  &.ant-select-borderless.ant-select-focused:not(.ant-select-disabled) {
-    .ant-select-selector {
-      color: @themeColor;
-      background: @hoverBgColor;
-      border-color: transparent;
-      box-shadow: none;
-
-      .ant-select-selection-item {
-        color: @themeColor;
-
-        span {
-          color: @themeColor;
-        }
-      }
-    }
-
-    .ant-select-arrow {
-      display: inline-block;
-      color: @themeColor !important;
-    }
-  }
-}
-
-.ant-select-arrow {
-  height: 16px;
-  margin-top: -8px;
-  color: @iconColor;
-  font-size: 16px;
-}
-
-.ant-select-selection-placeholder {
-  color: @defaultGray;
-}
-
-/* Select-下拉框样式重构 */
-.ant-select-dropdown {
-  width: @dropdownWidth;
-  max-height: @dropdownHeight;
-  padding: @dropdownPadding !important;
-  border-radius: @boxRadius2 !important;
-  box-shadow: @boxShadow !important;
-
-  &.small {
-    width: @dropdownWidth2;
-  }
-}
-
-.ant-dropdown-menu {
-  width: @dropdownWidth2;
-  padding: @dropdownPadding !important;
-  border-radius: @boxRadius2 !important;
-  box-shadow: @boxShadow !important;
-}
-
-.ant-dropdown.large {
-  .ant-dropdown-menu {
-    width: @dropdownWidth3;
-  }
-}
-
-.ant-dropdown-menu-submenu {
-  .ant-dropdown-menu {
-    width: 120px;
-    height: 208px;
-  }
-}
-
-.ant-dropdown-menu-submenu-vertical {
-  &:hover {
-    .box-hover();
-
-    .ant-dropdown-menu-submenu-title {
-      color: @themeColor;
-      background: transparent;
-
-      .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
-        color: @themeColor;
-      }
-    }
-  }
-
-  .ant-dropdown-menu-submenu-title {
-    padding: 0;
-  }
-}
-
-.ant-select-item-empty {
-  color: @fontColor;
-}
-
-.ant-select-item,
-.ant-list-item,
-.ant-dropdown-menu-item,
-.ant-dropdown-menu-submenu-vertical,
-.ant-cascader-menu-item {
-  height: @selectItemHeight !important;
-  padding: @selectItemPadding !important;
-  color: @fontColor;
-  font-weight: @fontWeight;
-  font-size: @fontSize;
-  line-height: 20px;
-  border-radius: @boxRadius2 !important;
-}
-
-.ant-select-item-option-active:not(.ant-select-item-option-disabled),
-.ant-cascader-menu-item:not(.ant-cascader-menu-item-disabled, .ant-cascader-menu-item-active):hover {
-  color: @hoverColor !important;
-  background-color: @hoverBgColor !important;
-
-  .biz-icon {
-    color: @hoverColor;
-  }
-}
-
-.ant-select-item-option-selected:not(.ant-select-item-option-disabled),
-.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
-  color: @activeColor !important;
-  font-weight: @fontWeight !important;
-  background-color: @activeBgColor !important;
-
-  .biz-icon {
-    color: @activeColor;
-  }
-}
-
-.ant-select-item-option-disabled {
-  color: @disableColor !important;
-  background: #fff;
-}
-
-.ant-cascader-menu-item-active {
-  .ant-cascader-menu-item-expand-icon {
-    color: @activeColor;
-  }
-}
-
-.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
-  color: @activeColor !important;
-  background-color: @activeBgColor !important;
-}
-
-.ant-dropdown-menu-item {
-  &:not(.box-active, .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled):hover {
-    .box-hover();
-  }
-
-  &.box-active:not(.ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled):hover {
-    .box-active();
-  }
-
-  .ant-dropdown-menu-item-icon {
-    margin-right: 15px;
-    font-size: @iconSize;
-  }
-  &.ant-dropdown-menu-item-disabled {
-    color: @disableColor;
-  }
-}
-
-/* input-search/clear */
-
-.ant-input-affix-wrapper {
-  height: 40px !important;
-  line-height: 40px !important;
-  background-color: @grayColor !important;
-  border-color: transparent !important;
-  border-radius: @boxRadius !important;
-
-  &.biz-search-box {
-    margin-bottom: 12px;
-    border-radius: @boxRadius2;
-  }
-
-  .ant-input {
-    height: 100%;
-    padding: 0;
-    background-color: transparent !important;
-    border: none;
-    outline: none;
-    box-shadow: none;
-  }
-
-  &:not(.ant-input-affix-wrapper-disabled):hover {
-    background-color: #fff !important;
-    border-color: @themeColor !important;
-    box-shadow: 0 0 0 4px #e8efff !important;
-  }
-
-  &:focus,
-  &.ant-input-affix-wrapper-focused {
-    background: #fff !important;
-    border-color: @themeColor !important;
-    box-shadow: 0 0 0 4px #e8efff !important;
-  }
-
-  .ant-input-suffix span {
-    color: @iconColor;
-    font-size: 16px;
-  }
-
-  .ant-input-clear-icon span {
-    width: 16px;
-    height: 16px;
-    background-color: transparent;
-    border-radius: 50%;
-
-    &:hover {
-      background: @grayColor;
-    }
-  }
-}
-
-/* 高亮 */
-.biz-light-height {
-  color: @themeColor;
-}
-
-.ant-select-item-option-selected {
-  .biz-light-height {
-    color: inherit;
-  }
-}
-
-.ant-tooltip {
-  .ant-tooltip-inner {
-    border-radius: @boxRadius2;
-  }
-
-  &.biz-tooltip {
-    width: auto;
-
-    .ant-tooltip-inner {
-      padding: 4px;
-      color: @fontColor;
-      background-color: #fff;
-      border-radius: 4px;
-      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
-    }
-
-    .ant-tooltip-arrow-content {
-      background-color: #fff;
-      --antd-arrow-background-color: #fff;
-    }
-  }
-}
-
-.biz-title {
-  margin-bottom: 12px;
-  padding: 0 !important;
-  color: @titleColor;
-  font-weight: 600;
-  font-size: @fontSize;
-}
-
-.ant-form-item-explain-error {
-  font-size: 12px;
-}
-
-/* radio */
-
-.ant-radio {
-  color: @fontColor;
-
-  &.ant-radio-checked {
-    .ant-radio-inner {
-      background: #fff;
-      border: 5px solid @themeColor;
-
-      &::after {
-        background-color: #fff;
-      }
-    }
-  }
-
-  .ant-radio-inner {
-    width: 18px;
-    height: 18px;
-    border-radius: 50%;
-  }
-}
-
-.ant-radio-wrapper:hover .ant-radio,
-.ant-radio:hover .ant-radio-inner,
-.ant-radio-input:focus + .ant-radio-inner {
-  border-color: @themeColor;
-}
-
-.ant-radio-input:focus + .ant-radio-inner {
-  box-shadow: none;
-}
-
-.ant-radio-button-wrapper {
-  border: 1px solid @borderColor;
-
-  &:first-child {
-    border-left: 1px solid @borderColor;
-  }
-
-  &:not(:first-child)::before {
-    background-color: @borderColor;
-  }
-
-  &:not(.ant-radio-button-wrapper-checked, .ant-radio-button-wrapper-disabled):hover {
-    .box-hover();
-
-    .biz-icon {
-      color: @themeColor;
-    }
-  }
-}
-
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
-  color: @themeColor;
-  background: @hoverBgColor;
-  border-color: @themeColor;
-}
-
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-  background-color: @themeColor;
-}
-
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
-  border-color: @themeColor;
-}
-
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
-  color: @themeColor;
-  border-color: @themeColor;
-}
-
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before,
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
-  background-color: @hoverBgColor;
-}
-
-.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
-  box-shadow: none;
-}
-
-.ant-radio-button-wrapper-disabled {
-  color: @disableColor;
-  background: #fafafb;
-  border-color: @borderColor;
-  cursor: not-allowed;
-
-  .biz-icon {
-    color: @disableColor;
-  }
-}
-
-.ant-radio-button-wrapper-disabled:first-child,
-.ant-radio-button-wrapper-disabled:hover {
-  color: @disableColor;
-  background: #fafafb;
-  border-color: @borderColor;
-}
-
-.ant-radio-button-wrapper-disabled:first-child {
-  border-color: @borderColor;
-}
-
-.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
-  color: @disableColor;
-  background: #fafafb;
-  border-color: @borderColor;
-  box-shadow: none;
-}
-
-.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
-  border-right-color: @themeColor;
-}
-
-.mb-12 {
-  margin-bottom: 12px;
-}
+// .ant-select:not(.ant-select-customize-input) {
+//   color: @fontColor;
+//   font-size: @fontSize;
+
+//   &.small {
+//     .ant-select-selector {
+//       height: @inputHeight;
+//       line-height: @inputHeight;
+
+//       .ant-select-selection-item,
+//       .ant-select-selection-placeholder {
+//         line-height: @inputHeight;
+//       }
+//     }
+//   }
+
+//   &.middle {
+//     .ant-select-selector {
+//       height: @inputHeightNormal;
+//       line-height: @inputHeightNormal;
+
+//       .ant-select-selection-item,
+//       .ant-select-selection-placeholder {
+//         line-height: @inputHeightNormal;
+//       }
+//     }
+//   }
+
+//   &.large {
+//     .ant-select-selector {
+//       height: @inputHeightLarge;
+//       line-height: @inputHeightLarge;
+
+//       .ant-select-selection-item,
+//       .ant-select-selection-placeholder {
+//         line-height: @inputHeightLarge;
+//       }
+//     }
+//   }
+
+//   .ant-select-selection-item {
+//     color: @fontColor;
+
+//     span {
+//       color: @fontColor;
+//     }
+//   }
+
+//   &.ant-select-borderless {
+//     &.biz-gray .ant-select-selector {
+//       background-color: @grayColor;
+//     }
+
+//     .ant-select-arrow {
+//       display: none;
+//     }
+//     &:hover,
+//     &.ant-select-focused:not(.ant-select-disabled) {
+//       .ant-select-selector {
+//         color: @themeColor;
+//         background: @hoverBgColor;
+//         box-shadow: none;
+
+//         .ant-select-selection-item {
+//           color: @themeColor;
+
+//           span {
+//             color: @themeColor;
+//           }
+//         }
+//       }
+
+//       .ant-select-arrow {
+//         display: inline-block;
+//         color: @themeColor !important;
+//       }
+//     }
+//   }
+
+//   &:not(.ant-select-disabled).biz-borderless {
+//     .ant-select-selector {
+//       background-color: @grayColor;
+//       border-color: @grayColor;
+//     }
+
+//     .ant-select-arrow {
+//       display: none;
+//     }
+//     &.ant-select-focused,
+//     &:hover {
+//       .ant-select-selector {
+//         color: @themeColor;
+//         background: @hoverBgColor;
+//         border-color: @hoverBgColor;
+//         box-shadow: none;
+
+//         .ant-select-selection-item {
+//           color: @themeColor;
+
+//           span {
+//             color: @themeColor;
+//           }
+//         }
+//       }
+//       .ant-select-arrow {
+//         display: inline-block;
+//         color: @themeColor !important;
+//       }
+//     }
+//   }
+
+//   & .ant-select-selector {
+//     padding: @inputPadding !important;
+//     border-radius: @boxRadius !important;
+//   }
+
+//   &:not(.ant-select-disabled, .biz-select-theme-gray, .ant-select-borderless, .biz-borderless, .biz-multi-select) {
+//     .ant-select-selector {
+//       background-color: #fff;
+//       border: @boxBorder !important;
+//     }
+//     &.ant-select-focused,
+//     &:hover {
+//       .ant-select-selector {
+//         color: @themeColor;
+//         background: @hoverBgColor;
+//         border-color: @borderColor;
+//         box-shadow: none;
+
+//         .ant-select-selection-item {
+//           color: @themeColor;
+
+//           span {
+//             color: @themeColor;
+//           }
+//         }
+//       }
+
+//       .ant-select-arrow {
+//         display: inline-block;
+//         color: @themeColor !important;
+//       }
+//     }
+//   }
+
+//   &.biz-select-theme-gray {
+//     .ant-select-selector {
+//       background-color: @grayBgColor;
+//       border-color: @grayBgColor;
+//     }
+//     &:hover {
+//       .ant-select-selector {
+//         border-color: @themeColor;
+//       }
+//     }
+//     &.ant-select-focused:not(.ant-select-disabled) {
+//       .ant-select-selector {
+//         background: #fff !important;
+//         border-color: @themeColor !important;
+//         box-shadow: 0 0 0 4px #e8efff !important;
+//       }
+//     }
+//   }
+// }
+
+// .ant-select-arrow {
+//   height: 16px;
+//   margin-top: -8px;
+//   color: @iconColor;
+//   font-size: 16px;
+// }
+
+// .ant-select-selection-placeholder {
+//   color: @defaultGray;
+// }
+
+// /* Select-下拉框样式重构 */
+// .ant-select-dropdown {
+//   width: @dropdownWidth;
+//   max-height: @dropdownHeight;
+//   padding: @dropdownPadding !important;
+//   border-radius: @boxRadius2 !important;
+//   box-shadow: @boxShadow !important;
+
+//   &.small {
+//     width: @dropdownWidth2;
+//   }
+// }
+
+// .ant-dropdown-menu {
+//   width: @dropdownWidth2;
+//   padding: @dropdownPadding !important;
+//   border-radius: @boxRadius2 !important;
+//   box-shadow: @boxShadow !important;
+// }
+
+// .ant-dropdown.large {
+//   .ant-dropdown-menu {
+//     width: @dropdownWidth3;
+//   }
+// }
+
+// .ant-dropdown-menu-submenu {
+//   .ant-dropdown-menu {
+//     width: 120px;
+//     height: 208px;
+//   }
+// }
+
+// .ant-dropdown-menu-submenu-vertical {
+//   &:hover {
+//     .box-hover();
+
+//     .ant-dropdown-menu-submenu-title {
+//       color: @themeColor;
+//       background: transparent;
+
+//       .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
+//         color: @themeColor;
+//       }
+//     }
+//   }
+
+//   .ant-dropdown-menu-submenu-title {
+//     padding: 0;
+//   }
+// }
+
+// .ant-select-item-empty {
+//   color: @fontColor;
+// }
+
+// .ant-select-item,
+// .ant-list-item,
+// .ant-dropdown-menu-item,
+// .ant-dropdown-menu-submenu-vertical,
+// .ant-cascader-menu-item {
+//   height: @selectItemHeight !important;
+//   padding: @selectItemPadding !important;
+//   color: @fontColor;
+//   font-weight: @fontWeight;
+//   font-size: @fontSize;
+//   line-height: 20px;
+//   border-radius: @boxRadius2 !important;
+// }
+
+// .ant-select-item-option-active:not(.ant-select-item-option-disabled),
+// .ant-cascader-menu-item:not(.ant-cascader-menu-item-disabled, .ant-cascader-menu-item-active):hover {
+//   color: @hoverColor !important;
+//   background-color: @hoverBgColor !important;
+
+//   .biz-icon {
+//     color: @hoverColor;
+//   }
+// }
+
+// .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
+// .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled) {
+//   color: @activeColor !important;
+//   font-weight: @fontWeight !important;
+//   background-color: @activeBgColor !important;
+
+//   .biz-icon {
+//     color: @activeColor;
+//   }
+// }
+
+// .ant-select-item-option-disabled {
+//   color: @disableColor !important;
+//   background: #fff;
+// }
+
+// .ant-cascader-menu-item-active {
+//   .ant-cascader-menu-item-expand-icon {
+//     color: @activeColor;
+//   }
+// }
+
+// .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
+//   color: @activeColor !important;
+//   background-color: @activeBgColor !important;
+// }
+
+// .ant-dropdown-menu-item {
+//   &:not(.box-active, .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled):hover {
+//     .box-hover();
+//   }
+
+//   &.box-active:not(.ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled):hover {
+//     .box-active();
+//   }
+
+//   .ant-dropdown-menu-item-icon {
+//     margin-right: 15px;
+//     font-size: @iconSize;
+//   }
+//   &.ant-dropdown-menu-item-disabled {
+//     color: @disableColor;
+//   }
+// }
+
+// /* input-search/clear */
+
+// .ant-input-affix-wrapper {
+//   height: @inputHeightNormal !important;
+//   line-height: @inputHeightNormal !important;
+//   background-color: @grayBgColor !important;
+//   border-color: transparent !important;
+//   border-radius: @boxRadius !important;
+
+//   &.biz-search-box {
+//     margin-bottom: 12px;
+//     border-radius: @boxRadius2;
+//   }
+//   &.small {
+//     height: @inputHeight !important;
+//     line-height: @inputHeight !important;
+//   }
+
+//   .ant-input {
+//     height: 100%;
+//     padding: 0;
+//     background-color: transparent !important;
+//     border: none;
+//     outline: none;
+//     box-shadow: none;
+//   }
+
+//   &:not(.ant-input-affix-wrapper-disabled):hover {
+//     border-color: @themeColor !important;
+//   }
+
+//   &:focus,
+//   &.ant-input-affix-wrapper-focused {
+//     background: #fff !important;
+//     border-color: @themeColor !important;
+//     box-shadow: 0 0 0 4px #e8efff !important;
+//   }
+
+//   .ant-input-suffix span {
+//     color: @iconColor;
+//     font-size: 16px;
+//   }
+
+//   .ant-input-clear-icon span {
+//     width: 16px;
+//     height: 16px;
+//     background-color: transparent;
+//     border-radius: 50%;
+
+//     &:hover {
+//       background: @grayColor;
+//     }
+//   }
+// }
+
+// /* 高亮 */
+// .biz-light-height {
+//   color: @themeColor;
+// }
+
+// .ant-select-item-option-selected {
+//   .biz-light-height {
+//     color: inherit;
+//   }
+// }
+
+// .ant-tooltip {
+//   .ant-tooltip-inner {
+//     border-radius: @boxRadius2;
+//   }
+
+//   &.biz-tooltip {
+//     width: auto;
+
+//     .ant-tooltip-inner {
+//       padding: 4px;
+//       color: @fontColor;
+//       background-color: #fff;
+//       border-radius: 4px;
+//       box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+//     }
+
+//     .ant-tooltip-arrow-content {
+//       background-color: #fff;
+//       --antd-arrow-background-color: #fff;
+//     }
+//   }
+// }
+
+// .biz-title {
+//   margin-bottom: 12px;
+//   padding: 0 !important;
+//   color: @titleColor;
+//   font-weight: 600;
+//   font-size: @fontSize;
+// }
+
+// .ant-form-item-explain-error {
+//   font-size: 12px;
+// }
+
+// /* radio */
+
+// .ant-radio {
+//   color: @fontColor;
+
+//   &.ant-radio-checked {
+//     .ant-radio-inner {
+//       background: #fff;
+//       border: 5px solid @themeColor;
+
+//       &::after {
+//         background-color: #fff;
+//       }
+//     }
+//   }
+
+//   .ant-radio-inner {
+//     width: 18px;
+//     height: 18px;
+//     border-radius: 50%;
+//   }
+// }
+
+// .ant-radio-wrapper:hover .ant-radio,
+// .ant-radio:hover .ant-radio-inner,
+// .ant-radio-input:focus + .ant-radio-inner {
+//   border-color: @themeColor;
+// }
+
+// .ant-radio-input:focus + .ant-radio-inner {
+//   box-shadow: none;
+// }
+
+// .ant-radio-button-wrapper {
+//   border: 1px solid @borderColor;
+
+//   &:first-child {
+//     border-left: 1px solid @borderColor;
+//   }
+
+//   &:not(:first-child)::before {
+//     background-color: @borderColor;
+//   }
+
+//   &:not(.ant-radio-button-wrapper-checked, .ant-radio-button-wrapper-disabled):hover {
+//     .box-hover();
+
+//     .biz-icon {
+//       color: @themeColor;
+//     }
+//   }
+// }
+
+// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+//   color: @themeColor;
+//   background: @hoverBgColor;
+//   border-color: @themeColor;
+// }
+
+// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
+//   background-color: @themeColor;
+// }
+
+// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
+//   border-color: @themeColor;
+// }
+
+// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,
+// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
+//   color: @themeColor;
+//   border-color: @themeColor;
+// }
+
+// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before,
+// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
+//   background-color: @hoverBgColor;
+// }
+
+// .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
+//   box-shadow: none;
+// }
+
+// .ant-radio-button-wrapper-disabled {
+//   color: @disableColor;
+//   background: #fafafb;
+//   border-color: @borderColor;
+//   cursor: not-allowed;
+
+//   .biz-icon {
+//     color: @disableColor;
+//   }
+// }
+
+// .ant-radio-button-wrapper-disabled:first-child,
+// .ant-radio-button-wrapper-disabled:hover {
+//   color: @disableColor;
+//   background: #fafafb;
+//   border-color: @borderColor;
+// }
+
+// .ant-radio-button-wrapper-disabled:first-child {
+//   border-color: @borderColor;
+// }
+
+// .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
+//   color: @disableColor;
+//   background: #fafafb;
+//   border-color: @borderColor;
+//   box-shadow: none;
+// }
+
+// .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
+//   border-right-color: @themeColor;
+// }
+
+// .mb-12 {
+//   margin-bottom: 12px;
+// }