@zat-design/sisyphus-react 4.2.0-beta.1 → 4.2.0-beta.3

package/lib/style/theme/antd.less

@@ -1,743 +0,0 @@
-@import '../variables.less';
-@import './base';
-
-/* antd 默认样式重置 */
-
-.@{ant-prefix}-modal-mask-blur {
-  backdrop-filter: none !important;
-}
-
-// 表单
-.@{ant-prefix}-form,
-.@{ant-prefix}-drawer,
-.@{ant-prefix}-modal {
-  .@{ant-prefix}-input-textarea-show-count.@{ant-prefix}-input-textarea-in-form-item {
-    &::after {
-      background: transparent;
-    }
-  }
-  .@{ant-prefix}-drawer-body{
-
-    .@{ant-prefix}-form-item{
-      .@{ant-prefix}-form-item-label{
-        &.@{ant-prefix}-form-item-label-left{
-          & > .@{ant-prefix}-form-item-required::before{
-            position: absolute;
-            top: calc(50% - 7px);
-            left: -8px;
-            margin: 0;
-            right: inherit;
-          }
-        }
-      }
-    }
-  }
-
-  .@{ant-prefix}-form-item {
-    &.@{ant-prefix}-form-item-with-help {
-      transition: none;
-    }
-
-    // label 超过130px换行
-    .@{ant-prefix}-form-item-label {
-      flex: 0 0 @zaui-form-label-width;
-      padding-right: 16px;
-      overflow: initial;
-      line-height: 1;
-      white-space: pre-wrap;
-      .@{ant-prefix}-form-item-required {
-        position: relative;
-        &::before {
-          position: absolute;
-          top: calc(50% - 7px);
-          left: -8px;
-          margin: 0;
-        }
-      }
-
-      & > label {
-        word-break: break-all;
-
-        // 隐藏冒号
-        &::after {
-          display: none;
-        }
-      }
-
-      &.@{ant-prefix}-form-item-label-left {
-        & > .@{ant-prefix}-form-item-required::before {
-          right: -10px;
-          left: unset;
-        }
-      }
-    }
-
-
-    .@{ant-prefix}-form-item-explain-error {
-      .set-text-size();
-    }
-  }
-
-  // 字体颜色
-  .@{ant-prefix}-form-item-label > label,
-  .@{ant-prefix}-picker-input > input,
-  .@{ant-prefix}-input,
-  .@{ant-prefix}-input-number,
-  .@{ant-prefix}-select,
-  .@{ant-prefix}-select-dropdown {
-    .set-text-color();
-    .set-text-size();
-  }
-
-  .@{ant-prefix}-form-item {
-    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
-  }
-}
-
-.@{ant-prefix}-input[disabled],
-.@{ant-prefix}-select-disabled,
-.@{ant-prefix}-select-disabled.@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
-  .@{ant-prefix}-select-selector,
-.@{ant-prefix}-input-number-disabled,
-.@{ant-prefix}-picker-input > input[disabled],
-.@{ant-prefix}-select-disabled.@{ant-prefix}-select-multiple .@{ant-prefix}-select-selection-item {
-  .set-disabled-color();
-}
-
-// ant-table
-.@{ant-prefix}-table {
-
-  .@{ant-prefix}-table-row.@{ant-prefix}-table-row-selected >.@{ant-prefix}-table-cell-row-hover{
-    background-color: #e6f4ff !important;
-  }
-  .@{ant-prefix}-empty-normal {
-    margin: calc(var(--zaui-space-size-lg; 32px) * var(--zaui-size; 1)) 0;
-  }
-  .@{ant-prefix}-table-tbody{
-    .@{ant-prefix}-table-cell-fix-left-last:after{
-      width: 8px;
-    }
-  }
-  &.pro-table-no-stripe {
-    .@{ant-prefix}-table-tbody {
-      .@{ant-prefix}-table-row {
-        background: #fff !important;
-      }
-    }
-  }
-
-  // 空态图白色
-  .@{ant-prefix}-table-placeholder {
-    td {
-      background: #ffffff !important;
-    }
-  }
-
-  .set-text-size();
-  color: @zaui-text;
-
-  .@{ant-prefix}-table-thead {
-    .@{ant-prefix}-table-cell {
-      &::before {
-        display: none;
-      }
-    }
-  }
-
-  .@{ant-prefix}-table-thead > tr > th {
-    background: @zaui-table-header-bg;
-    border-bottom: none;
-
-    .@{ant-prefix}-dropdown-trigger {
-      .anticon-down {
-        width: 0;
-        height: 0;
-        margin: 0 0 1px 4px;
-        border-top: 6px solid #909090;
-        border-right: 5px solid transparent;
-        border-left: 5px solid transparent;
-        transition: transform 0.8s;
-
-        svg {
-          display: none;
-        }
-      }
-    }
-  }
-
-  .@{ant-prefix}-table-tbody {
-    .@{ant-prefix}-table-row:nth-child(even) {
-      background-color: @zaui-table-strip-bg;
-    }
-
-    tr.@{ant-prefix}-table-row:hover td {
-      background-color: @zaui-table-hover-bg;
-    }
-
-    & > tr > td {
-      border-bottom: none;
-    }
-
-    tr.@{ant-prefix}-table-row-selected {
-      &:hover > td {
-        background: @zaui-table-selected-hover-bg;
-      }
-
-      td {
-        background: @zaui-table-selected-bg;
-      }
-    }
-  }
-
-  .@{ant-prefix}-table-thead > tr > th,
-  .@{ant-prefix}-table-footer {
-    .set-text-color();
-    .set-text-size();
-  }
-
-  .@{ant-prefix}-table-tbody > tr > td {
-    .set-text-size();
-
-    .@{ant-prefix}-btn {
-      .set-text-size();
-    }
-  }
-
-  // 表格空显示-
-  .@{ant-prefix}-table-content {
-    .@{ant-prefix}-table-tbody {
-      .@{ant-prefix}-table-cell:empty:before {
-        content: '-';
-      }
-    }
-
-    .@{ant-prefix}-table-cell-fix-right {
-      &.@{ant-prefix}-table-cell:empty:before {
-        content: none;
-      }
-    }
-  }
-
-  &.@{ant-prefix}-table-scroll-horizontal {
-    table .@{ant-prefix}-table-tbody .@{ant-prefix}-table-row:nth-child(even) td {
-      background: @zaui-table-strip-bg;
-    }
-  }
-
-  & table {
-    .@{ant-prefix}-table-thead > tr > th,
-    .@{ant-prefix}-table-tbody > tr > td,
-    .@{ant-prefix}-table tfoot > tr > th,
-    .@{ant-prefix}-table tfoot > tr > td {
-      padding: calc(4px + var(--zaui-size) * 8px);
-    }
-    .@{ant-prefix}-table-tbody
-      > tr
-      > td
-      > .@{ant-prefix}-table-wrapper:only-child
-      .@{ant-prefix}-table,
-    .@{ant-prefix}-table-tbody
-      > tr
-      > td
-      > .@{ant-prefix}-table-expanded-row-fixed
-      > .@{ant-prefix}-table-wrapper:only-child
-      .@{ant-prefix}-table {
-      margin-top: calc(var(--zaui-size) * -16px);
-      margin-bottom: calc(var(--zaui-size) * -16px);
-    }
-  }
-
-  &.@{ant-prefix}-table-scroll-horizontal table {
-    .@{ant-prefix}-table-thead > tr > th,
-    .@{ant-prefix}-table-tbody > tr > td,
-    .@{ant-prefix}-table tfoot > tr > th,
-    .@{ant-prefix}-table tfoot > tr > td {
-      padding: calc(4px + var(--zaui-size) * 8px);
-    }
-
-    // 偶数行背景色设置
-    .@{ant-prefix}-table-tbody {
-      .@{ant-prefix}-table-row:nth-child(even) {
-        background-color: @zaui-table-strip-bg;
-
-        & td.@{ant-prefix}-table-cell-fix-right,
-        & td.@{ant-prefix}-table-cell-fix-left {
-          background-color: @zaui-table-strip-bg;
-        }
-      }
-
-      .@{ant-prefix}-table-row:hover > td {
-        background-color: @zaui-table-strip-bg;
-      }
-
-      tr.@{ant-prefix}-table-row-selected {
-        &:hover > td {
-          background: @zaui-table-selected-bg !important;
-        }
-
-        td {
-          background: @zaui-table-selected-bg !important;
-        }
-      }
-
-      tr td {
-        border-bottom: none;
-      }
-    }
-  }
-
-  // 开启scroll时，会新增一行tr影响偶数行底色
-  &.@{ant-prefix}-table-scroll-horizontal {
-    table {
-      .@{ant-prefix}-table-tbody {
-        .@{ant-prefix}-table-row:nth-child(even) {
-          &:hover td,
-          &:hover td.@{ant-prefix}-table-cell-fix-right,
-          &:hover td.@{ant-prefix}-table-cell-fix-left {
-            background-color: @zaui-table-hover-bg !important;
-          }
-
-          & td,
-          & td.@{ant-prefix}-table-cell-fix-right,
-          & td.@{ant-prefix}-table-cell-fix-left {
-            background-color: #fff !important;
-          }
-
-          & td {
-            background-color: #fff;
-          }
-        }
-
-        .@{ant-prefix}-table-row:nth-child(odd) {
-          background-color: @zaui-table-strip-bg;
-
-          & td {
-            background-color: @zaui-table-strip-bg !important;
-          }
-        }
-      }
-    }
-  }
-
-  .@{ant-prefix}-table-cell {
-    .@{ant-prefix}-btn-link {
-      height: auto;
-      padding: 0;
-      user-select: text;
-    }
-
-    a {
-      color: var(--zaui-brand, #006aff);
-      user-select: text;
-    }
-  }
-
-  &.@{ant-prefix}-table-fixed-header {
-    .@{ant-prefix}-table-tbody {
-      .@{ant-prefix}-table-row:nth-child(even) {
-        td {
-          background: #ffffff;
-        }
-      }
-
-      &.@{ant-prefix}-table-tbody-virtual {
-        .@{ant-prefix}-table-row:nth-child(odd),.@{ant-prefix}-table-row:nth-child(even) {
-          background-color: transparent !important;
-        }
-      }
-
-      .@{ant-prefix}-table-row:nth-child(odd) {
-        background-color: @zaui-table-strip-bg;
-
-        td {
-          background: @zaui-table-strip-bg;
-        }
-      }
-    }
-    
-
-  }
-}
-
-// ant-tabs
-.@{ant-prefix}-tabs {
-  overflow: inherit !important;
-  .set-text-color();
-
-  .@{ant-prefix}-tabs-nav-list {
-    &.@{ant-prefix}-tabs-card {
-      .@{ant-prefix}-tabs-tab {
-        margin-right: 10px;
-        padding: 8px var(--zaui-space-size-md, 16px);
-      }
-    }
-
-    .@{ant-prefix}-tabs-tab {
-      .set-text-size();
-      margin-left: 0;
-      padding: 12px var(--zaui-space-size-md, 16px);
-    }
-  }
-
-  .@{ant-prefix}-tabs-nav {
-    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
-  }
-
-  .@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab-btn {
-    font-size: var(--zaui-font-size-lg, 16px);
-  }
-
-  &.@{ant-prefix}-tabs-card {
-    .@{ant-prefix}-tabs-tab {
-      margin-right: 10px !important;
-      padding: 8px calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) !important;
-    }
-
-    .@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab-btn {
-      font-size: var(--zaui-font-size, 14px);
-    }
-  }
-}
-
-// 按钮
-.@{ant-prefix}-btn {
-  &.@{ant-prefix}-btn-dangerous {
-    color: @zaui-danger;
-  }
-  .set-text-color();
-  font-size: @zaui-font-size;
-
-  .@{ant-prefix}-btn-primary {
-    color: #fff;
-    background: @zaui-brand;
-    border-color: @zaui-brand;
-  }
-
-  &.@{ant-prefix}-btn-primary[disabled],
-  &.@{ant-prefix}-btn-primary[disabled]:hover,
-  &.@{ant-prefix}-btn-primary[disabled]:focus,
-  &.@{ant-prefix}-btn-primary[disabled]:active {
-    color: #fff;
-    text-shadow: none;
-    background: @zaui-brand;
-    border-color: @zaui-brand;
-    box-shadow: none;
-    opacity: 0.6;
-  }
-
-  &.@{ant-prefix}-btn-link[disabled],
-  &.@{ant-prefix}-btn-link[disabled]:hover,
-  &.@{ant-prefix}-btn-link[disabled]:focus,
-  &.@{ant-prefix}-btn-link[disabled]:active {
-    color: @zat-disabled-color !important;
-    text-shadow: none;
-    background: none;
-    border-color: none;
-    box-shadow: none;
-    opacity: 0.6;
-  }
-
-  &.@{ant-prefix}-btn-link {
-    .set-brand-color() !important;
-    background: none !important;
-    box-shadow: none !important;
-    &:hover {
-      color: @zaui-brand !important;
-    }
-  }
-}
-
-// 分割线
-.@{ant-prefix}-divider {
-  .@{ant-prefix}-divider-inner-text {
-    .set-text-color();
-    .set-text-size();
-  }
-}
-
-// 卡片
-.@{ant-prefix}-card {
-  margin-bottom: @zaui-space-size-md;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-// 分页
-.@{ant-prefix}-pagination {
-  color: @zaui-text !important;
-  font-size: @zaui-font-size !important;
-
-  &.@{ant-prefix}-table-pagination {
-    margin: @zaui-height-size-md 0;
-  }
-
-  .@{ant-prefix}-pagination-item {
-    min-width: 32px;
-    height: 32px;
-    margin-right: 8px;
-    font-size: @zaui-font-size;
-    line-height: 32px;
-    background-color: #f7f9fa;
-    border: 0;
-    border-radius: @zaui-border-radius;
-
-    a {
-      .set-text-color();
-
-      &:hover {
-        .set-brand-color();
-      }
-    }
-  }
-
-  .@{ant-prefix}-pagination-options-size-changer.@{ant-prefix}-select-show-arrow {
-    margin-right: 5px;
-  }
-
-  .@{ant-prefix}-pagination-item-active a {
-    color: #fff;
-    background: @zaui-brand;
-    border-radius: @zaui-border-radius;
-  }
-
-  .@{ant-prefix}-pagination-item-active:focus-visible a,
-  .@{ant-prefix}-pagination-item-active:hover a {
-    color: #fff;
-  }
-
-  .@{ant-prefix}-pagination-prev,
-  .@{ant-prefix}-pagination-next,
-  .@{ant-prefix}-pagination-jump-prev,
-  .@{ant-prefix}-pagination-jump-next {
-    min-width: 32px;
-    height: 32px;
-    line-height: 30px;
-    background-color: #f7f9fa;
-    border: 0;
-    border-radius: @zaui-border-radius;
-  }
-
-  .@{ant-prefix}-pagination-prev,
-  .@{ant-prefix}-pagination-next {
-    svg {
-      .set-text-color();
-      .set-text-size();
-    }
-
-    &:hover {
-      svg {
-        color: @zaui-brand;
-      }
-    }
-  }
-
-  .@{ant-prefix}-pagination-prev .@{ant-prefix}-pagination-item-link,
-  .@{ant-prefix}-pagination-next .@{ant-prefix}-pagination-item-link {
-    min-width: 32px;
-    height: 32px;
-    line-height: 32px;
-    background-color: #fafafa;
-    border: 0;
-    border-radius: @zaui-border-radius;
-  }
-
-  .@{ant-prefix}-select-single:not(.@{ant-prefix}-select-customize-input)
-    .@{ant-prefix}-select-selector {
-    .set-text-color();
-    .set-text-size();
-    width: 100%;
-    height: 32px;
-    padding: 0 12px;
-  }
-
-  .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
-    position: relative;
-    background-color: #fafafa;
-    border: 0;
-    border-radius: @zaui-border-radius;
-  }
-
-  .@{ant-prefix}-pagination-jump-prev
-    .@{ant-prefix}-pagination-item-container
-    .@{ant-prefix}-pagination-item-link-icon,
-  .@{ant-prefix}-pagination-jump-next
-    .@{ant-prefix}-pagination-item-container
-    .@{ant-prefix}-pagination-item-link-icon {
-    color: @zaui-brand;
-  }
-}
-
-// ant-descriptions
-.@{ant-prefix}-descriptions {
-  .@{ant-prefix}-descriptions-item-label,
-  .@{ant-prefix}-descriptions-item-content {
-    .set-text-color();
-    .set-text-size();
-  }
-}
-
-// ant-breadcrumb
-.@{ant-prefix}-breadcrumb {
-  .set-text-size();
-
-  .@{ant-prefix}-breadcrumb-link {
-    .set-lg-text-size();
-  }
-}
-
-// ant-menu
-.@{ant-prefix}-menu {
-  color: @zaui-text !important;
-  font-size: @zaui-font-size !important;
-
-  .@{ant-prefix}-menu-item a {
-    .set-text-color();
-  }
-
-  .@{ant-prefix}-menu-item-selected a,
-  .@{ant-prefix}-menu-item-selected a:hover {
-    .set-brand-color();
-  }
-}
-
-.@{ant-prefix}-btn-primary {
-  color: #fff;
-}
-
-// 下拉框三角样式替换
-.@{ant-prefix}-select {
-  .@{ant-prefix}-select-arrow, .@{ant-prefix}-select-suffix {
-    .anticon-down {
-      width: 0;
-      height: 0;
-      vertical-align: middle;
-      border-top: 6px solid #909090;
-      border-right: 5px solid transparent;
-      border-left: 5px solid transparent;
-      transition: transform 0.3s;
-
-      svg {
-        display: none;
-      }
-    }
-  }
-
-  // 多选样式重置
-  &.@{ant-prefix}-select-multiple {
-    &.@{ant-prefix}-select-disabled{
-      .@{ant-prefix}-select-selection-item {
-       border-color: #d9d9d9;
-      }
-    }
-    .@{ant-prefix}-select-selection-item {
-      align-items: center;
-      padding-right: 7px;
-      background: #f2f3f5;
-   
-
-      .@{ant-prefix}-select-selection-item-remove {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 14px;
-        height: 14px;
-        background: #e0e1e7;
-        border-radius: 100%;
-
-        .anticon-close {
-          margin-top: 2px;
-          color: #4e5969;
-        }
-      }
-    }
-  }
-}
-
-// 表格样式重置
-.@{ant-prefix}-form {
-  .pro-form-control {
-    .@{ant-prefix}-btn-primary {
-      margin-right: @zaui-height-size-md;
-    }
-
-    .@{ant-prefix}-btn-default {
-      margin-left: 0;
-    }
-  }
-}
-
-// 弹窗
-.@{ant-prefix}-modal {
-  .@{ant-prefix}-modal-header {
-    border-bottom: none;
-  }
-
-  .@{ant-prefix}-modal-footer {
-    border-top: none;
-  }
-}
-
-// 数字输入框
-.@{ant-prefix}-input-number {
-  width: 100%;
-}
-.@{ant-prefix}-input-number-disabled .@{ant-prefix}-input-number-input{
-  color: @zaui-text;
-}
-
-// 间隔
-.@{ant-prefix}-space {
-  &.@{ant-prefix}-space-vertical {
-    display: flex;
-    width: 100%;
-  }
-}
-
-// Cascader级联选择
-.@{ant-prefix}-cascader {
-  .@{ant-prefix}-cascader-menu {
-    height: auto;
-    max-height: 326px;
-  }
-}
-
-.@{ant-prefix}-select-dropdown {
-  // tree select 样式重置
-  .@{ant-prefix}-select-tree .@{ant-prefix}-select-tree-node-content-wrapper {
-    min-height: 0px;
-    line-height: initial;
-  }
-
-  .@{ant-prefix}-select-tree .@{ant-prefix}-select-tree-treenode {
-    padding-top: 4px;
-    padding-bottom: 4px;
-  }
-
-  .@{ant-prefix}-select-tree .@{ant-prefix}-select-tree-treenode {
-    align-items: center;
-  }
-}
-
-// 气泡框样式
-.@{ant-prefix}-popover {
-  width: max-content;
-}
-
-.@{ant-prefix}-picker.@{ant-prefix}-picker-disabled  {
-  background: var(--zaui-disabled-bg) !important;
-}
-
-.@{ant-prefix}-input-affix-wrapper-disabled {
-  background: var(--zaui-disabled-bg) !important;
-}
-
-.@{ant-prefix}-picker{
-  width: 100%;
-}
-
-// 遮罩样式调整
-.@{ant-prefix}-drawer .@{ant-prefix}-drawer-mask.@{ant-prefix}-drawer-mask-blur{
-  backdrop-filter: none;
-}