@zat-design/sisyphus-react 4.6.5-beta.6 → 4.7.0-beta.1

package/es/ProTable/index.js

@@ -12,8 +12,8 @@ import useAntdTable, { SELECTION_ALL, CURRENT_PAGE, UNCHECK_ALL } from "./hooks/
 import { BaseTable, DraggableTable } from "./components/RcTable";
 import { formatColumn } from "./components/FormatColumn";
 import empty from "../assets/empty.png";
-import resetSvg from "../assets/reset.svg";
-import customColumnSvg from "../assets/customColumn.svg";
+import refreshSvg from "../assets/refresh.svg";
+import settingsSvg from "../assets/settings.svg";
 import { filterVisibleColumns, getColumnDataIndex, getRowKey } from "./utils";
 import {
   baseStorage,
@@ -360,13 +360,13 @@ const ProTable = forwardRef((props, tableRef) => {
           headerRender,
           columnConfig,
           resizeColumn,
-          resetSvg,
+          resetSvg: refreshSvg,
           resetColumnWidth,
           locale,
           customColumns,
           checkColumns,
           handleColumnConfig,
-          customColumnSvg
+          customColumnSvg: settingsSvg
         }
       }
     ),

package/es/ProTable/style/index.less

@@ -254,21 +254,36 @@
     }
   }
 
-  .column-config .right-actions .@{ant-prefix}-btn {
+  .column-config .right-actions .table-header-icon-btn {
+    display: inline-flex;
+    align-items: flex-end;
+    justify-content: center;
+    width: 28px;
+    height: 32px;
+    border: 0;
+    box-shadow: none;
+    padding: 0;
+
     &:hover,
     &:visited,
     &:focus {
       color: #333 !important;
-      background: #fff !important;
-      border: 1px solid #d9d9d9 !important;
+      background: transparent !important;
+      border: 0 !important;
     }
-  }
 
-  .custom-column-btn {
-    display: inline-flex;
-    align-items: center;
-    .anticon {
-      height: 16px;
+    &:focus-visible {
+      outline: 2px solid var(--zaui-brand, #006aff);
+      outline-offset: 2px;
+    }
+
+    .anticon > * {
+      line-height: 0;
+    }
+    .anticon svg {
+      display: block;
+      width: 20px;
+      height: 20px;
     }
   }
 
@@ -424,25 +439,12 @@
   .column-config {
     display: flex;
     justify-content: space-between;
-    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
+    margin-bottom: calc(var(--zaui-space-size-md; 14px) * var(--zaui-size; 1));
 
     .right-actions {
       display: flex;
+      gap: 0;
       align-items: center;
-
-      > .@{ant-prefix}-btn {
-        &:hover,
-        &:visited,
-        &:focus {
-          color: unset;
-          background: unset;
-          border: 1px solid #d9d9d9;
-        }
-      }
-
-      .custom-column-btn {
-        margin-left: var(--zaui-space-size-sm, 8px);
-      }
     }
   }
 

package/es/assets/refresh.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="#343434" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10 4a7 7 0 1 0 6.06 3.5" />
+  <path d="m8 2 2 2-2 2" />
+</svg>

package/es/assets/settings.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="#343434" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M8.25 2h3.5l.5 2 1.5.87 2-.57 1.75 3.03L16 8.8v2.4l1.5 1.47-1.75 3.03-2-.57-1.5.87-.5 2h-3.5l-.5-2-1.5-.87-2 .57-1.75-3.03L4 11.2V8.8L2.5 7.33 4.25 4.3l2 .57L7.75 4z" />
+  <circle cx="10" cy="10" r="2.5" />
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.6.5-beta.6",
+  "version": "4.7.0-beta.1",
   "license": "MIT",
   "publishConfig": {
     "access": "public",