@zgfe/business-lib 1.0.24-userTag.0 → 1.0.24

package/es/commonStyle/theme.less

@@ -1,523 +0,0 @@
-@import (reference) './variable.less';
-
-/* Select-文本框样式重构 */
-// .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;
-// }

package/es/commonStyle/variable.less

@@ -1,127 +0,0 @@
-/** 全局变量 **/
-@themeColor: #165dff;
-@borderColor: #ecedf0;
-@hoverBgColor: #e8efff;
-/*中性色/默认灰*/
-@defaultGray: #9797af;
-/* 字体颜色 */
-@fontColor: #021429;
-/* 中性色/次要-信息2 */
-@fontColor2: #242541;
-/* 中性色/次要-信息3 */
-@fontColor3: #5f6085;
-
-/* 中性色/gray-8背景色 */
-@grayBgColor: #fafafb;
-/*中性色/置灰-信息线框5*/
-/* 灰色*/
-@grayColor: #f6f6f6;
-@disableColor: #cacdd4;
-/*辅助色/错误/底色*/
-@errorColorHover: #fed5d1;
-@errorColor: #fb5547;
-/*box-shadow*/
-@boxShadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
-
-/* 标题颜色 */
-@titleColor: @fontColor3;
-/* 图标颜色 */
-@iconColor: @fontColor3;
-/* layout icon颜色 */
-@layoutIconColor: @fontColor2;
-/* hover背景色 */
-// @hoverBgColor: @hoverColor;
-
-/* hover字体颜色 */
-@hoverColor: @themeColor;
-/* active背景色 */
-@activeBgColor: @themeColor;
-/* active字体颜色 */
-@activeColor: #ffffff;
-/* 删除hover背景色 */
-@deleteHoverBgColor: @errorColorHover;
-/* 删除hover字体色 */
-@deleteHoverColor: @errorColor;
-/* 按钮 */
-@btnPrimaryBgColor: @themeColor;
-@btnPrimaryFontColor: #ffffff;
-/* border */
-@boxBorder: 1px solid @borderColor;
-
-/* 字体大小 */
-@fontSize: 14px;
-/* 图标大小 */
-@iconSize: 16px;
-/* 字体weight */
-@fontWeight: 400;
-/*下拉框宽度*/
-@dropdownWidth: 284px;
-/* 分析维度， 关系 */
-@dropdownWidth2: 120px;
-/*更多操作*/
-@dropdownWidth3: 200px;
-/* 指标下拉框= 200+284*/
-@dropdownHeight: 400px;
-
-/*输入框，下拉框高度*/
-@inputHeight: 32px;
-@inputHeightNormal: 40px;
-@inputHeightLarge: 48px;
-
-/*下拉选项高度*/
-@selectItemHeight: 40px;
-/*下拉选项内边距*/
-@selectItemPadding: 10px 8px;
-/* 下拉框外框 */
-@dropdownPadding: 8px;
-/* padding */
-@searchPadding: 24px;
-@contentPadding: 32px;
-@inputPadding: 0px 8px;
-/* 边框圆角 */
-@boxRadius: 4px;
-/* 特殊圆角 */
-@boxRadius2: 10px;
-/* icon圆角 */
-@iconRadius: 3px;
-
-.boxBg {
-  color: @fontColor;
-  background-color: #fff;
-
-  &:hover:not(.box-active, .box-disabled) {
-    color: @hoverColor;
-    background-color: @hoverBgColor;
-
-    .biz-icon {
-      color: @hoverColor;
-    }
-  }
-}
-
-.box-hover {
-  color: @hoverColor;
-  background-color: @hoverBgColor;
-
-  .biz-icon {
-    color: @hoverColor;
-  }
-}
-
-.box-active {
-  color: @activeColor !important;
-  background-color: @activeBgColor;
-
-  .biz-icon {
-    color: @activeColor;
-  }
-  .biz-light-height {
-    color: #fff;
-  }
-}
-
-.box-disabled {
-  color: @fontColor !important;
-  background-color: #f5f5f5;
-  cursor: not-allowed !important;
-}