@zat-design/sisyphus-react 3.4.0 → 3.4.1

package/es/ProLayout/components/ProHeader/style/index.less

@@ -3,8 +3,8 @@
 @import '../components/ProBackBtn/style/index';
 
 .pro-header {
+  padding: 16px 0 0 0 !important;
   background-color: var(--zaui-base-bg, #ffffff);
-  padding         : 16px 0 0 0 !important;
 
   &.pro-header-no-back.pro-header-has-describe {
     .pro-header-top {
@@ -21,45 +21,47 @@
       &.pro-header-left-space {
         margin-left: 0 !important;
       }
-
     }
   }
 
   &.pro-header-no-describe {
-    box-shadow   : none;
     margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
+    box-shadow: none;
 
     .pro-header-title,
     .pro-header-top {
+      margin: 0;
       padding: 0;
-      margin : 0;
     }
   }
 
   &.pro-header-fixed.pro-header-no-describe {
     .pro-header-top {
-      padding-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1) - var(--zaui-space-size-xs; 4px) * var(--zaui-size; 1));
+      padding-bottom: calc(
+        var(--zaui-space-size-md; 16px) * var(--zaui-size; 1) - var(--zaui-space-size-xs; 4px) *
+          var(--zaui-size; 1)
+      );
     }
   }
 
   .pro-header-describe {
     a {
-      color: var(--zaui-link, #006AFF);
+      color: var(--zaui-link, #006aff);
     }
   }
 
   .pro-header-copy {
+    display: flex;
+    align-items: center;
+    width: 16px;
     margin-bottom: 0;
-    width        : 14px;
-    display      : flex;
-    align-items  : center;
 
     .@{ant-prefix}-typography-copy-success {
       svg {
-        width  : 14px;
-        height : 14px;
-        fill   : var(--zaui-success, #00AE4D);
         display: inline-block;
+        width: 16px;
+        height: 16px;
+        fill: var(--zaui-success, #00ae4d);
       }
     }
 
@@ -69,36 +71,36 @@
       }
 
       svg {
-        width  : 14px;
-        height : 14px;
-        fill   : #3F3F3F;
         display: inline-block;
+        width: 16px;
+        height: 16px;
+        fill: var(--zaui-brand, #006aff);
       }
     }
   }
 
   .pro-header-tag {
-    background   : var(--ant-primary-1, #e6f4ff);
-    color        : var(--zaui-brand, #006AFF);
-    padding      : 4px 8px;
+    display: inline-block;
+    padding: 4px 8px;
+    color: var(--zaui-brand, #006aff);
+    font-weight: normal;
+    font-size: var(--zaui-font-size-sm, 12px);
+    line-height: 16px;
+    white-space: pre;
+    background: var(--ant-primary-1, #e6f4ff);
     border-radius: var(--zaui-border-radius-card, 2px);
-    font-size    : var(--zaui-font-size-sm, 12px);
-    font-weight  : normal;
-    line-height  : 16px;
-    display      : inline-block;
-    white-space  : pre;
   }
 
   .pro-header-title {
+    padding: 0 var(--zaui-space-size-md, 16px);
     font-weight: 500;
-    font-size  : var(--zaui-font-size-xl, 18px);
-    padding    : 0 var(--zaui-space-size-md, 16px);
+    font-size: var(--zaui-font-size-xl, 18px);
     line-height: 22px;
   }
 
   &.pro-header-fixed {
-    position  : sticky;
-    z-index   : 101;
+    position: sticky;
+    z-index: 101;
     box-shadow: 0px 1px 2px 0px rgba(0, 55, 93, 0.1);
   }
 
@@ -108,33 +110,33 @@
 
   .@{ant-prefix}-breadcrumb {
     li {
+      color: #1d2129;
       font-weight: 500;
-      color      : #1D2129;
     }
 
     .@{ant-prefix}-breadcrumb-link {
+      display: inline-flex;
       font-size: var(--zaui-font-size-xl, 18px);
-      display  : inline-flex;
     }
 
     .@{ant-prefix}-breadcrumb-separator {
+      margin: 0 var(--zaui-space-size-xs, 4px);
+      color: #1d2129;
       font-weight: 500;
-      color      : #1D2129;
-      font-size  : var(--zaui-font-size-xl, 18px);
-      margin     : 0 var(--zaui-space-size-xs, 4px);
+      font-size: var(--zaui-font-size-xl, 18px);
     }
   }
 
   .pro-header-top {
-    display        : flex;
+    display: flex;
+    align-items: center;
     justify-content: space-between;
-    align-items    : center;
-    margin-bottom  : calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
-    padding        : 0 var(--zaui-space-size-md, 16px);
+    margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
+    padding: 0 var(--zaui-space-size-md, 16px);
 
     .pro-header-left {
-      display     : flex;
-      align-items : center;
+      display: flex;
+      align-items: center;
       margin-right: var(--zaui-space-size-md, 16px);
 
       &.pro-header-left-space {
@@ -142,26 +144,26 @@
       }
 
       ul {
-        display    : flex;
+        display: flex;
         align-items: center;
 
         li {
-          color      : #1D2129;
-          font-size  : var(--zaui-font-size-xl, 18px);
+          display: flex;
+          color: #1d2129;
           font-weight: 500;
-          display    : flex;
+          font-size: var(--zaui-font-size-xl, 18px);
 
           .breadcrumb-value {
             display: inline-block;
           }
 
-          &>span {
+          & > span {
             display: flex;
           }
 
           .omit {
-            overflow     : hidden;
-            white-space  : nowrap;
+            overflow: hidden;
+            white-space: nowrap;
             text-overflow: ellipsis;
           }
 
@@ -170,19 +172,19 @@
           }
 
           .@{ant-prefix}-typography {
-            display      : flex;
+            display: flex;
             margin-bottom: 0;
           }
 
           &.version {
-            background   : var(--ant-primary-1, #e6f4ff);
+            height: 24px;
+            padding: 0 var(--zaui-space-size-sm, 8px);
+            color: var(--zaui-brand, #006aff);
+            font-size: var(--zaui-font-size-sm, 12px);
+            font-style: initial;
+            line-height: 24px;
+            background: var(--ant-primary-1, #e6f4ff);
             border-radius: var(--zaui-border-radius, 4px);
-            color        : var(--zaui-brand, #006AFF);
-            font-style   : initial;
-            padding      : 0 var(--zaui-space-size-sm, 8px);
-            font-size    : var(--zaui-font-size-sm, 12px);
-            height       : 24px;
-            line-height  : 24px;
           }
 
           &.hidden {
@@ -190,7 +192,6 @@
           }
         }
       }
-
     }
 
     .pro-header-right {
@@ -210,14 +211,13 @@
         margin: 0;
       }
     }
-
   }
 
   .pro-header-nav {
-    display   : flex;
-    background: #F7F9FC;
-    border-top: 1px solid #F2F2F2;
-    position  : relative;
+    position: relative;
+    display: flex;
+    background: #f7f9fc;
+    border-top: 1px solid #f2f2f2;
 
     &.pro-header-nav-open {
       .pro-header-fold {
@@ -225,63 +225,68 @@
           transform: rotate(180deg);
         }
       }
-
     }
 
     &.pro-header-nav-hidden {
       padding: 0;
-      border : none;
+      border: none;
 
       ul {
-        height     : 0;
-        overflow   : hidden;
+        height: 0;
+        overflow: hidden;
       }
     }
 
     .pro-header-fold {
-      position : absolute;
-      bottom   : -13px;
-      left     : 50%;
+      position: absolute;
+      bottom: -13px;
+      left: 50%;
       transform: translateX(-50%);
-      cursor   : pointer;
+      cursor: pointer;
 
       .pro-header-fold-bg {
-        background      : #fff;
-        position        : relative;
-        z-index         : 2;
-        height          : 26px;
-        transform       : rotate(0deg);
+        position: relative;
+        z-index: 2;
+        height: 26px;
+        background: #fff;
+        transform: rotate(0deg);
         transform-origin: center;
       }
 
       &::before {
-        content   : '';
-        z-index   : 1;
-        position  : absolute;
-        bottom    : 13px;
-        left      : 50%;
-        transform : translateX(-50%);
-        width     : 140px;
-        height    : 1px;
-        background: linear-gradient(90deg, rgba(238, 238, 238, 0) 0%, var(--zaui-brand, #006AFF) 37%, var(--zaui-brand, #006AFF)57%, rgba(216, 216, 216, 0) 100%);
+        position: absolute;
+        bottom: 13px;
+        left: 50%;
+        z-index: 1;
+        width: 140px;
+        height: 1px;
+        background: linear-gradient(
+          90deg,
+          rgba(238, 238, 238, 0) 0%,
+          var(--zaui-brand, #006aff) 37%,
+          var(--zaui-brand, #006aff) 57%,
+          rgba(216, 216, 216, 0) 100%
+        );
+        transform: translateX(-50%);
+        content: '';
       }
 
       svg {
-        fill: var(--zaui-brand, #006AFF);
+        fill: var(--zaui-brand, #006aff);
       }
     }
 
     ul {
-      display   : flex;
-      flex-wrap : wrap;
-      padding   : 0 16px;
+      display: flex;
+      flex-wrap: wrap;
+      height: 60px;
+      padding: 0 16px;
+      overflow: hidden;
       transition: height 0.2s ease-in-out;
-      height    : 60px;
-      overflow  : hidden;
 
       li {
-        margin-right : 52px;
-        margin-top   : 4px;
+        margin-top: 4px;
+        margin-right: 52px;
         margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
 
         &:last-child {
@@ -290,20 +295,20 @@
 
         span {
           font-weight: 400;
-          font-size  : var(--zaui-font-size, 14px);
+          font-size: var(--zaui-font-size, 14px);
 
           &:first-child {
-            display    : block;
+            display: block;
             font-weight: 500;
           }
         }
 
         .describe-value {
-          color      : var(--zaui-text, #343434);
+          color: var(--zaui-text, #343434);
           font-weight: 400;
 
-          &>* {
-            color      : var(--zaui-text, #343434);
+          & > * {
+            color: var(--zaui-text, #343434);
             font-weight: 400 !important;
           }
         }
@@ -318,11 +323,14 @@
   }
 
   .pro-header-describe {
-    display       : flex;
-    flex-wrap     : wrap;
-    font-size     : var(--zaui-font-size, 14px);
-    padding       : 0 var(--zaui-space-size-md, 16px);
-    padding-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1) - var(--zaui-space-size-xs; 4px) * var(--zaui-size; 1));
+    display: flex;
+    flex-wrap: wrap;
+    padding: 0 var(--zaui-space-size-md, 16px);
+    padding-bottom: calc(
+      var(--zaui-space-size-md; 16px) * var(--zaui-size; 1) - var(--zaui-space-size-xs; 4px) *
+        var(--zaui-size; 1)
+    );
+    font-size: var(--zaui-font-size, 14px);
 
     li {
       margin-left: var(--zaui-space-card, 32px);
@@ -340,16 +348,16 @@
       }
 
       span {
+        color: #0a0a0a;
         font-weight: 400;
-        color      : #0A0A0A;
 
         &:first-child {
           margin-right: 12px;
         }
 
         &:last-child {
+          display: inline-grid;
           font-weight: 600;
-          display    : inline-grid;
 
           .pro-header-tag {
             margin-left: 4px;

package/es/ProTable/components/RenderColumn/index.js

@@ -80,8 +80,7 @@ var RenderColumn = function RenderColumn(props) {
         width: width
       },
       ellipsis: {
-        tooltip: true,
-        onEllipsis: function onEllipsis() {}
+        tooltip: true
       },
       children: node
     }) : '-';

package/es/ProTable/propsType.d.ts

@@ -24,7 +24,7 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
     valueType?: ProTableValueType;
     format?: string;
     precision?: number;
-    code?: string | string[] | (() => string);
+    code?: string | string[] | ((text: any, record: any) => string);
     copyable?: boolean;
     originalTip?: boolean;
     prefix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);