@zat-design/sisyphus-react 3.4.0 → 3.4.1

package/es/ProTable/style/index.less

@@ -3,53 +3,152 @@
 
 .pro-table {
   &.pro-table-bordered {
-    .@{ant-prefix}-table .@{ant-prefix}-table-thead>tr>th {
-      border-bottom: 1px solid #f0f0f0
+    .@{ant-prefix}-table .@{ant-prefix}-table-thead > tr > th {
+      border-bottom: 1px solid #f0f0f0;
     }
 
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table {
+    .@{ant-prefix}-table > .@{ant-prefix}-table-container > .@{ant-prefix}-table-content > table,
+    .@{ant-prefix}-table > .@{ant-prefix}-table-container > .@{ant-prefix}-table-header > table {
       border-top: 1px solid rgba(0, 0, 0, 0.06);
     }
 
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table>thead>tr>th,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table>thead>tr>th,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-body>table>thead>tr>th,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-summary>table>thead>tr>th,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table>tbody>tr>td,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table>tbody>tr>td,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-body>table>tbody>tr>td,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-summary>table>tbody>tr>td,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table>tfoot>tr>th,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table>tfoot>tr>th,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-body>table>tfoot>tr>th,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-summary>table>tfoot>tr>th,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-content>table>tfoot>tr>td,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-header>table>tfoot>tr>td,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-body>table>tfoot>tr>td,
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container>.@{ant-prefix}-table-summary>table>tfoot>tr>td {
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-content
+      > table
+      > thead
+      > tr
+      > th,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-header
+      > table
+      > thead
+      > tr
+      > th,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-body
+      > table
+      > thead
+      > tr
+      > th,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-summary
+      > table
+      > thead
+      > tr
+      > th,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-content
+      > table
+      > tbody
+      > tr
+      > td,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-header
+      > table
+      > tbody
+      > tr
+      > td,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-body
+      > table
+      > tbody
+      > tr
+      > td,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-summary
+      > table
+      > tbody
+      > tr
+      > td,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-content
+      > table
+      > tfoot
+      > tr
+      > th,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-header
+      > table
+      > tfoot
+      > tr
+      > th,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-body
+      > table
+      > tfoot
+      > tr
+      > th,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-summary
+      > table
+      > tfoot
+      > tr
+      > th,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-content
+      > table
+      > tfoot
+      > tr
+      > td,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-header
+      > table
+      > tfoot
+      > tr
+      > td,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-body
+      > table
+      > tfoot
+      > tr
+      > td,
+    .@{ant-prefix}-table
+      > .@{ant-prefix}-table-container
+      > .@{ant-prefix}-table-summary
+      > table
+      > tfoot
+      > tr
+      > td {
       border-right: 1px solid rgba(0, 0, 0, 0.06);
     }
 
-    .@{ant-prefix}-table .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-measure-row)>td {
+    .@{ant-prefix}-table
+      .@{ant-prefix}-table-tbody
+      > tr:not(.@{ant-prefix}-table-measure-row)
+      > td {
       border-bottom: 1px solid #f0f0f0;
     }
 
-    .@{ant-prefix}-table>.@{ant-prefix}-table-container {
+    .@{ant-prefix}-table > .@{ant-prefix}-table-container {
       border-left: 1px solid rgba(0, 0, 0, 0.06);
     }
   }
 
   .custom-column-btn {
-    display    : inline-flex;
+    display: inline-flex;
     align-items: center;
 
     &:hover,
     &:visited,
     &:focus {
-      color     : unset;
-      border    : 1px solid #d9d9d9;
+      color: unset;
       background: unset;
+      border: 1px solid #d9d9d9;
     }
 
     .anticon {
@@ -58,7 +157,8 @@
   }
 
   .@{ant-prefix}-table-tbody {
-    .@{ant-prefix}-table-cell-fix-left, .@{ant-prefix}-table-cell-fix-right {
+    .@{ant-prefix}-table-cell-fix-left,
+    .@{ant-prefix}-table-cell-fix-right {
       background: unset !important;
     }
   }
@@ -75,8 +175,8 @@
 
     .@{ant-prefix}-table-cell .varied-cell {
       margin-left: -8px;
-      background: var(--zaui-contract-bg, #fffaa1);
       padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
+      background: var(--zaui-contract-bg, #fffaa1);
       border-radius: var(--zaui-border-radius, 4px);
     }
 
@@ -86,17 +186,15 @@
   }
 
   .copyable-table-cell {
-
-
     .@{ant-prefix}-typography {
+      display: flex;
+      align-items: center;
       margin-bottom: 0;
-      display      : flex;
-      align-items  : center;
     }
 
     .drag-icon {
-      &>div {
-        display    : flex;
+      & > div {
+        display: flex;
         align-items: center;
       }
     }
@@ -108,15 +206,18 @@
     }
 
     svg {
-      width  : 14px;
-      height : 14px;
-      fill   : #3f3f3f;
       display: inline-block;
+      width: 16px;
+      height: 16px;
+      fill: var(--zaui-brand, #006aff);
     }
   }
 
   &.pro-table-no-stripe {
-    .@{ant-prefix}-table.@{ant-prefix}-table-scroll-horizontal .@{ant-prefix}-table-tbody .@{ant-prefix}-table-row:nth-child(n)>td {
+    .@{ant-prefix}-table.@{ant-prefix}-table-scroll-horizontal
+      .@{ant-prefix}-table-tbody
+      .@{ant-prefix}-table-row:nth-child(n)
+      > td {
       background: var(--zaui-base-bg, #ffffff);
     }
   }
@@ -124,10 +225,9 @@
   .@{ant-prefix}-table-thead {
     .@{ant-prefix}-dropdown-trigger {
       &.@{ant-prefix}-dropdown-open {
-
         .anticon-down {
+          transform: rotateZ(180deg);
           transition: transform 0.3s;
-          transform : rotateZ(180deg);
         }
       }
     }
@@ -137,12 +237,12 @@
     position: relative;
 
     .pro-table-resizable-line {
-      position   : absolute;
-      width      : 0;
-      top        : 0;
+      position: absolute;
+      top: 0;
+      left: 100px;
+      width: 0;
+      height: 100%;
       border-left: 1px solid var(--zaui-brand, #006aff);
-      height     : 100%;
-      left       : 100px;
     }
   }
 
@@ -169,22 +269,21 @@
   }
 
   .column-config {
-    display        : flex;
+    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; 16px) * var(--zaui-size; 1));
 
     .right-actions {
-      display    : flex;
+      display: flex;
       align-items: center;
 
-      >.@{ant-prefix}-btn {
-
+      > .@{ant-prefix}-btn {
         &:hover,
         &:visited,
         &:focus {
-          color     : unset;
-          border    : 1px solid #d9d9d9;
+          color: unset;
           background: unset;
+          border: 1px solid #d9d9d9;
         }
       }
 
@@ -209,15 +308,15 @@
     }
   }
 
-  .@{ant-prefix}-table .@{ant-prefix}-table-thead>tr>th {
+  .@{ant-prefix}-table .@{ant-prefix}-table-thead > tr > th {
+    white-space: nowrap;
+    background: var(--zaui-table-header-bg, #f2f3f5);
     border-bottom: 0;
-    white-space  : nowrap;
-    background   : var(--zaui-table-header-bg, #f2f3f5);
 
     .pro-table-th-cell {
-      width        : 100%;
-      overflow     : hidden;
-      white-space  : nowrap;
+      width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
       text-overflow: ellipsis;
     }
 
@@ -232,20 +331,19 @@
     }
 
     .pro-table-tooltip {
-      display    : inline-flex;
+      display: inline-flex;
       align-items: center;
 
       .icon-tip {
-
         div {
-          width : 14px;
+          width: 14px;
           height: 14px;
 
           svg {
+            width: 14px;
+            height: 14px;
             margin-left: 8px;
-            width      : 14px;
-            height     : 14px;
-            fill       : #909090;
+            fill: #909090;
           }
         }
       }
@@ -253,15 +351,15 @@
   }
 
   .@{ant-prefix}-table.@{ant-prefix}-table-bordered {
-    .@{ant-prefix}-table-thead>tr>th {
+    .@{ant-prefix}-table-thead > tr > th {
       border-bottom: 1px solid #f0f0f0;
     }
 
-    .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-placeholder)>td {
+    .@{ant-prefix}-table-tbody > tr:not(.@{ant-prefix}-table-placeholder) > td {
       border-bottom: 1px solid #f0f0f0;
     }
 
-    .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-measure-row)>td {
+    .@{ant-prefix}-table-tbody > tr:not(.@{ant-prefix}-table-measure-row) > td {
       border-bottom: 1px solid #f0f0f0;
     }
   }
@@ -270,16 +368,16 @@
     background: var(--zaui-base-bg, #ffffff) !important;
   }
 
-  .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-placeholder)>td {
+  .@{ant-prefix}-table-tbody > tr:not(.@{ant-prefix}-table-placeholder) > td {
     border-bottom: 0;
   }
 
-  .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-measure-row)>td {
+  .@{ant-prefix}-table-tbody > tr:not(.@{ant-prefix}-table-measure-row) > td {
     border-bottom: 0;
   }
 
   .react-resizable {
-    position       : relative;
+    position: relative;
     background-clip: padding-box;
 
     .@{ant-prefix}-table-filter-trigger {
@@ -289,51 +387,51 @@
 
   .react-resizable-handle {
     position: absolute;
-    right   : -5px;
-    bottom  : 0;
-    z-index : 1;
-    width   : 10px;
-    height  : 100%;
-    cursor  : col-resize;
+    right: -5px;
+    bottom: 0;
+    z-index: 1;
+    width: 10px;
+    height: 100%;
+    cursor: col-resize;
 
     &::before {
-      content   : '';
-      position  : absolute;
-      left      : 50%;
-      top       : 50%;
-      width     : 1px;
-      height    : 18px;
-      background: #DCDCDC;
-      transform : translateY(-50%);
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 1px;
+      height: 18px;
+      background: #dcdcdc;
+      transform: translateY(-50%);
+      content: '';
     }
 
     &.active::before,
     &:hover::before {
-      content    : '';
-      position   : absolute;
-      left       : 50%;
-      height     : 100%;
-      bottom     : 0;
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      height: 100%;
       border-left: 5px solid var(--zaui-brand, #006aff);
+      content: '';
     }
   }
 
   .@{ant-prefix}-table-tbody tr td .@{ant-prefix}-checkbox-wrapper-checked.checkbox-disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
     pointer-events: none;
-    cursor        : not-allowed;
-    opacity       : 0.5;
   }
 
   .@{ant-prefix}-pagination-options-quick-jumper input {
-    border    : unset;
-    background: #FAFAFA;
-    min-width : 32px;
-    height    : 32px;
+    min-width: 32px;
+    height: 32px;
+    background: #fafafa;
+    border: unset;
   }
 
   .@{ant-prefix}-pagination .@{ant-prefix}-pagination-item-active a {
-    color        : #ffffff;
-    background   : var(--zaui-brand, #006aff) !important;
+    color: #ffffff;
+    background: var(--zaui-brand, #006aff) !important;
     border-radius: var(--zaui-border-radius, 4px);
   }
 
@@ -351,16 +449,15 @@
     background-color: var(--zaui-table-header-bg, #f2f3f5);
 
     .@{ant-prefix}-table-cell {
-      font-weight     : 500;
+      font-weight: 500;
       background-color: var(--zaui-table-header-bg, #f2f3f5);
-      border          : none;
+      border: none;
     }
   }
 }
 
 .@{ant-prefix}-dropdown-placement-bottomLeft {
   .@{ant-prefix}-dropdown-menu-vertical.@{ant-prefix}-dropdown-menu-light {
-
     .@{ant-prefix}-dropdown-menu-item-only-child {
       &:hover {
         background: rgba(0, 106, 255, 0.08);

package/es/ProTable/utils.js

@@ -208,7 +208,7 @@ export var formatColumn = function formatColumn(column, originalObj, dataSourceO
     };
   } else if (['enumName', 'enumCodeName'].includes(valueType)) {
     column.render = function (value, record, index) {
-      var realCode = typeof code === 'function' ? code() : code;
+      var realCode = typeof code === 'function' ? code(value, record) : code;
       var renderValue = getEnumLabel(realCode, value, valueType === 'enumCodeName');
       var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var originalRenderValue = getEnumLabel(realCode, originalValue, valueType === 'enumCodeName');

package/es/ProThemeTools/component/PrdTools/index.js

@@ -11,7 +11,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
 import { useState, useEffect } from 'react';
-import { setThemes, setTableNoStripe } from '../../utils/index';
+import { setThemes } from '../../utils/index';
 import locale from '../../../locale';
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
@@ -249,9 +249,9 @@ var PrdTools = function PrdTools(_ref) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
               zauiStripe: value
             }));
-            setTableNoStripe(value);
             setThemes({
-              'zaui-stripe': value
+              'zaui-stripe': value,
+              'zaui-table-strip-bg': value ? '#fafafa' : '#ffffff'
             });
           }
         })

package/es/ProThemeTools/index.js

@@ -14,7 +14,7 @@ import { useEffect, useState } from 'react';
 import { usePrevious, useUpdateEffect } from 'ahooks';
 import { isEqual } from 'lodash';
 import classnames from 'classnames';
-import { getKebabCase, setThemes, setTableNoStripe, setTableBorder, getMapKebabCase, getMapHumpCase } from './utils/index';
+import { getKebabCase, setThemes, setTableBorder, getMapKebabCase, getMapHumpCase } from './utils/index';
 import { PrdTools } from './component';
 import locale from '../locale';
 var defaultCacheTime = 1; // 配置保存时间为一天
@@ -153,7 +153,9 @@ var ProThemeTools = function ProThemeTools(_ref) {
   }, [zauiBrand]);
   // 斑马纹设置
   useEffect(function () {
-    setTableNoStripe(zauiStripe, prefixCls);
+    setThemes({
+      'zaui-table-strip-bg': zauiStripe ? '#fafafa' : '#ffffff'
+    });
   }, [zauiStripe]);
   // 表格边框设置
   useEffect(function () {

package/es/ProTreeModal/components/SortableItem.js

@@ -4,10 +4,8 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import { ReactSVG } from 'react-svg';
+import ProIcon from '../../ProIcon';
 import { ProTooltip } from '../../index';
-import disabledSvg from '../../assets/disabled.svg';
-import dragSvg from '../../assets/drag.svg';
 var SortableItem = function SortableItem(props) {
   var drag = props.drag,
     label = props.label,
@@ -43,12 +41,12 @@ var SortableItem = function SortableItem(props) {
       onClose: function onClose(e) {
         return _onClose(e);
       },
-      children: [drag ? item.disabled || disabled ? _jsx(ReactSVG, {
+      children: [drag ? item.disabled || disabled ? _jsx(ProIcon, {
         className: "disabled-icon",
-        src: disabledSvg
-      }) : _jsx(ReactSVG, _objectSpread({
+        type: "lock"
+      }) : _jsx(ProIcon, _objectSpread({
         className: "drag-icon",
-        src: dragSvg
+        type: "drag"
       }, listeners)) : null, _jsx(ProTooltip, {
         mode: "auto",
         line: 1,

package/es/ProTreeModal/style/index.less

@@ -240,12 +240,6 @@
       border: none;
       border-radius: var(--zaui-border-radius, 4px);
 
-      .drag-icon {
-        height: 20px;
-        margin-right: var(--zaui-space-size-xs, 4px);
-        cursor: move;
-      }
-
       .pro-tooltip {
         flex: 1;
         max-width: calc(100% - 42px);

package/es/style/core/mixins.less

@@ -2,8 +2,8 @@
 .clearfix() {
   &:before,
   &:after {
-    content: ' ';
     display: table;
+    content: ' ';
   }
 
   &:after {
@@ -14,8 +14,8 @@
 // 水平居中
 .center-block() {
   display: block;
-  margin-left: auto;
   margin-right: auto;
+  margin-left: auto;
 }
 
 // 尺码助手
@@ -30,17 +30,17 @@
 
 // 可调整大小的文本区域
 .resizable(@direction: both) {
-  // Options: horizontal, vertical, both
-  resize: @direction;
   // Safari fix
   overflow: auto;
+  // Options: horizontal, vertical, both
+  resize: @direction;
 }
 
 // 截断文本
 .text-truncate() {
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 // mixins函数
@@ -68,3 +68,10 @@
 .set-sm-text-size() {
   font-size: calc(@zaui-font-size - 2px);
 }
+
+.pro-icon.drag-icon {
+  // height: 20px;
+  // width: 20px;
+  margin-right: var(--zaui-space-size-xs, 4px);
+  cursor: move;
+}

package/lib/ProEditTable/components/DndWrapper/index.d.ts

@@ -4,7 +4,7 @@ interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     disabled?: boolean;
 }
 export declare const Row: FC<RowProps>;
-declare const DndWrapper: ({ draggable, value, onChange, disabled, children, }: {
+declare const DndWrapper: ({ draggable, value, onChange, disabled, children }: {
     draggable: any;
     value: any;
     onChange: any;

package/lib/ProEditTable/components/DndWrapper/index.js

@@ -12,8 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 var _core = require("@dnd-kit/core");
 var _sortable = require("@dnd-kit/sortable");
 var _utilities = require("@dnd-kit/utilities");
-var _reactSvg = require("react-svg");
-var _drag = _interopRequireDefault(require("../../../assets/drag.svg"));
+var _ProIcon = _interopRequireDefault(require("../../../ProIcon"));
 var _excluded = ["disabled", "children"];
 var Row = exports.Row = function Row(props) {
   var disabled = props.disabled,
@@ -51,13 +50,14 @@ var Row = exports.Row = function Row(props) {
         return /*#__PURE__*/_react.default.cloneElement(child, {
           children: (0, _jsxRuntime.jsxs)("span", {
             className: "drag-wrapper",
-            children: [(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, (0, _objectSpread2.default)({
+            children: [(0, _jsxRuntime.jsx)(_ProIcon.default, (0, _objectSpread2.default)({
+              className: "drag-icon",
               style: {
                 touchAction: 'none',
                 cursor: disabled ? 'no-drop' : 'move'
               },
-              className: "drag-handle",
-              src: _drag.default
+              type: "drag",
+              size: 20
             }, listeners)), render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
           })
         });

package/lib/ProEditTable/components/RenderField/index.js

@@ -209,7 +209,7 @@ var RenderField = function RenderField(_ref) {
     if (!((_names3 = names) === null || _names3 === void 0 ? void 0 : _names3.length)) {
       return {};
     }
-    var namesStr = [baseName, index, dataIndex];
+    var namesStr = [].concat((0, _toConsumableArray2.default)(baseName), [index, dataIndex]);
     var transform = {};
     if (valueType) {
       transform = valueTypeTransform();