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

package/es/ProTable/style/index.less

@@ -2,7 +2,7 @@
 
 .pro-table {
   .pro-tooltip .singleLine {
-   transition: none;
+    transition: none;
   }
   &.pro-table-draggable-only {
     .ant-table-tbody {
@@ -24,10 +24,9 @@
     }
   }
 
-
   .@{ant-prefix}-table-content {
     > table {
-      .@{ant-prefix}-table-cell-fix-left-last:after{
+      .@{ant-prefix}-table-cell-fix-left-last:after {
         width: 8px;
       }
       .@{ant-prefix}-table-summary {
@@ -53,7 +52,7 @@
           display: flex;
           justify-content: center;
           align-items: center;
-          >button.@{ant-prefix}-table-row-expand-icon{
+          > button.@{ant-prefix}-table-row-expand-icon {
             position: relative;
             left: auto;
             top: auto;
@@ -103,7 +102,7 @@
     display: flex;
     justify-content: flex-end;
     margin-right: 8px;
-    .@{ant-prefix}-btn:hover{
+    .@{ant-prefix}-btn:hover {
       background: #fff !important;
     }
     .anticon {
@@ -255,14 +254,14 @@
     }
   }
 
-  .column-config .right-actions .@{ant-prefix}-btn{
-        &:hover,
-        &:visited,
-        &:focus {
-          color: #333 !important;
-          background: #fff !important;
-          border: 1px solid #d9d9d9 !important;
-        }
+  .column-config .right-actions .@{ant-prefix}-btn {
+    &:hover,
+    &:visited,
+    &:focus {
+      color: #333 !important;
+      background: #fff !important;
+      border: 1px solid #d9d9d9 !important;
+    }
   }
 
   .custom-column-btn {
@@ -280,13 +279,12 @@
     }
   }
 
-
   .@{ant-prefix}-table table tbody.@{ant-prefix}-table-tbody,
   .@{ant-prefix}-table.@{ant-prefix}-table-scroll-horizontal table tbody.@{ant-prefix}-table-tbody {
     tr.@{ant-prefix}-table-row.new-cell,
     tr.@{ant-prefix}-table-row.new-cell:hover {
       background-color: var(--zaui-contract-bg-add; #d2fff4) !important;
-      td.@{ant-prefix}-table-cell{
+      td.@{ant-prefix}-table-cell {
         background-color: var(--zaui-contract-bg-add; #d2fff4) !important;
         border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
         &.@{ant-prefix}-table-cell-fix-right {
@@ -313,7 +311,7 @@
           text-overflow: ellipsis;
         }
       }
-      .add-cell{
+      .add-cell {
         display: block;
         margin-left: -8px;
         padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
@@ -602,8 +600,8 @@
 
   .@{ant-prefix}-table-summary {
     background-color: var(--zaui-table-header-bg, #f2f3f5);
-    td{
-      padding:calc(4px + var(--zaui-size)* 8px);
+    td {
+      padding: calc(4px + var(--zaui-size) * 8px);
     }
     .@{ant-prefix}-table-cell {
       font-weight: 500;
@@ -617,7 +615,11 @@
     > tr.@{ant-prefix}-table-expanded-row {
       > td {
         > .pro-table {
-          margin-inline: calc(var(--ant-control-interactive-size) + 2 * var(--ant-padding) - var(--ant-table-cell-padding-inline)) calc(-1 * var(--ant-table-cell-padding-inline));
+          margin-inline: calc(
+              var(--ant-control-interactive-size) + 2 * var(--ant-padding) -
+                var(--ant-table-cell-padding-inline)
+            )
+            calc(-1 * var(--ant-table-cell-padding-inline));
         }
       }
     }
@@ -634,10 +636,10 @@
   }
 }
 
-.@{ant-prefix}-table{
-  .original-value-tooltip{
+.@{ant-prefix}-table {
+  .original-value-tooltip {
     position: fixed;
-    &.@{ant-prefix}-tooltip > @{ant-prefix}-tooltip-content > @{ant-prefix}-tooltip-inner{
+    &.@{ant-prefix}-tooltip > @{ant-prefix}-tooltip-content > @{ant-prefix}-tooltip-inner {
       width: max-content;
     }
   }

package/es/ProTooltip/style/index.less

@@ -1,4 +1,3 @@
-
 .pro-tooltip {
   cursor: pointer;
 

package/es/ProTree/components/ProTreeSelect/style/index.less

@@ -1,119 +1,122 @@
 @import '../../../../style/variables.less';
 
-.pro-tree-select{
-    .@{ant-prefix}-select-selector{
-        // 单选树选择结果框里title不用待后缀
-        .check-mark-icon{
-            display: none;
-        }
+.pro-tree-select {
+  .@{ant-prefix}-select-selector {
+    // 单选树选择结果框里title不用待后缀
+    .check-mark-icon {
+      display: none;
     }
-    .@{ant-prefix}-select.@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow:not(.@{ant-prefix}-select-show-search){
-        &.@{ant-prefix}-select-open{
-            .@{ant-prefix}-select-arrow{
-                transition: transform 300ms ease-in-out;
-                transform: rotate(180deg);
-            }
-        }
+  }
+  .@{ant-prefix}-select.@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow:not(
+      .@{ant-prefix}-select-show-search
+    ) {
+    &.@{ant-prefix}-select-open {
+      .@{ant-prefix}-select-arrow {
+        transition: transform 300ms ease-in-out;
+        transform: rotate(180deg);
+      }
     }
+  }
 }
-.pro-tree-select-drop-down-container{
-    &.@{ant-prefix}-select-dropdown{
-        .highlight-search-text{
-            color: @zaui-brand;
+.pro-tree-select-drop-down-container {
+  &.@{ant-prefix}-select-dropdown {
+    .highlight-search-text {
+      color: @zaui-brand;
+    }
+    .@{ant-prefix}-select-tree-list-holder-inner {
+      position: relative !important;
+    }
+    &.@{ant-prefix}-tree-select-dropdown {
+      width: auto !important;
+      padding: 0px;
+    }
+    &.singal-tree,
+    &.checkable-tree {
+      .@{ant-prefix}-select-tree {
+        .@{ant-prefix}-select-tree-treenode {
+          padding-top: var(--zaui-space-size-xs);
+          padding-bottom: var(--zaui-space-size-xs);
+        }
+      }
+      .highlight {
+        color: red;
+      }
+    }
+    // 隐藏单选下拉树后面勾号
+    .@{ant-prefix}-select-tree-node-content-wrapper {
+      .check-mark-icon {
+        display: none;
+      }
+    }
+    // 单选
+    &.signal-tree {
+      .@{ant-prefix}-select-tree {
+        .@{ant-prefix}-select-tree-treenode {
+          position: relative;
+          padding-right: 50px;
+          padding-left: 7px;
+          z-index: 0;
+          &:after {
+            content: '';
+            display: none;
+            position: absolute;
+            z-index: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: @zaui-brand;
+            opacity: 0.1;
+          }
+          &.@{ant-prefix}-select-tree-treenode-selected:after {
+            display: block;
+          }
         }
-        .@{ant-prefix}-select-tree-list-holder-inner{
-            position: relative!important;
+        .@{ant-prefix}-select-tree-treenode:hover {
+          background-color: var(--zaui-disabled-bg);
         }
-        &.@{ant-prefix}-tree-select-dropdown{
-            width: auto!important;
-            padding: 0px;
+        .check-option-text {
+          .check-mark-icon {
+            position: absolute;
+            right: -34px;
+            top: 2px;
+            display: none;
+            color: var(--zaui-list-item-selected-bg);
+          }
         }
-        &.singal-tree,&.checkable-tree{
-            .@{ant-prefix}-select-tree{
-                .@{ant-prefix}-select-tree-treenode{
-                    padding-top: var(--zaui-space-size-xs);
-                    padding-bottom: var(--zaui-space-size-xs);
-                }
-            }
-            .highlight{
-                color: red;
-            }
+      }
+    }
+    // 复选
+    &.checkable-tree {
+      .@{ant-prefix}-select-tree {
+        .@{ant-prefix}-select-tree-treenode {
+          padding-left: 7px;
         }
-        // 隐藏单选下拉树后面勾号
-        .@{ant-prefix}-select-tree-node-content-wrapper{
-            .check-mark-icon{
-                display: none;
-            }
+        .@{ant-prefix}-select-tree-treenode:hover {
+          background-color: var(--zaui-disabled-bg);
         }
-        // 单选
-        &.signal-tree{
-            .@{ant-prefix}-select-tree{
-                .@{ant-prefix}-select-tree-treenode{
-                    position: relative;
-                    padding-right: 50px;
-                    padding-left: 7px;
-                    z-index: 0;
-                    &:after{
-                        content: '';
-                        display: none;
-                        position: absolute;
-                        z-index: 0;
-                        left: 0;
-                        width: 100%;
-                        height: 100%;
-                        background-color: @zaui-brand;
-                        opacity: 0.1;
-                    }
-                    &.@{ant-prefix}-select-tree-treenode-selected:after{
-                        display: block;
-                    }
-                }
-                .@{ant-prefix}-select-tree-treenode:hover{
-                    background-color:  var(--zaui-disabled-bg);
-                }
-                .check-option-text{
-                    .check-mark-icon{
-                        position: absolute;
-                        right: -34px;
-                        top: 2px;
-                        display: none;
-                        color: var(--zaui-list-item-selected-bg);
-                    }
-                }
-            }
+        .@{ant-prefix}-select-tree-node-content-wrapper {
+          padding-right: var(--zaui-space-size-md);
         }
-        // 复选
-        &.checkable-tree{
-            .@{ant-prefix}-select-tree{
-                .@{ant-prefix}-select-tree-treenode{
-                    padding-left: 7px;
-                }
-                .@{ant-prefix}-select-tree-treenode:hover{
-                    background-color:  var(--zaui-disabled-bg);;
-                }
-                .@{ant-prefix}-select-tree-node-content-wrapper{
-                    padding-right: var(--zaui-space-size-md);
-                }
-                .@{ant-prefix}-select-tree-node-content-wrapper:hover{
-                    background-color: transparent;
-                }
-                .@{ant-prefix}-select-tree-checkbox{
-                    margin-top: var(--zaui-space-size-xs);
-                    align-self: stretch;
-                }
-            }
+        .@{ant-prefix}-select-tree-node-content-wrapper:hover {
+          background-color: transparent;
         }
-        // 数据小于10条
-        &.ten-count-tree-node{
-            .@{ant-prefix}-select-tree-switcher-noop{
-                width: var(--zaui-space-size-xs);
-            }
+        .@{ant-prefix}-select-tree-checkbox {
+          margin-top: var(--zaui-space-size-xs);
+          align-self: stretch;
         }
+      }
+    }
+    // 数据小于10条
+    &.ten-count-tree-node {
+      .@{ant-prefix}-select-tree-switcher-noop {
+        width: var(--zaui-space-size-xs);
+      }
     }
+  }
 }
 
 // ProTreeSelect 更多项数量样式
 .pro-tree-more-count {
   color: var(--zaui-primary, #006aff);
   font-weight: bold;
-}
+}