@zat-design/sisyphus-react 3.2.2 → 3.3.0-beta.2

package/lib/ProTable/style/index.less

@@ -1,38 +1,41 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-table {
   &.pro-table-bordered {
-    .ant-table .ant-table-thead>tr>th {
+    .@{ant-prefix}-table .@{ant-prefix}-table-thead>tr>th {
       border-bottom: 1px solid #f0f0f0
     }
 
-    .ant-table>.ant-table-container>.ant-table-content>table,
-    .ant-table>.ant-table-container>.ant-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-table>.ant-table-container>.ant-table-content>table>thead>tr>th,
-    .ant-table>.ant-table-container>.ant-table-header>table>thead>tr>th,
-    .ant-table>.ant-table-container>.ant-table-body>table>thead>tr>th,
-    .ant-table>.ant-table-container>.ant-table-summary>table>thead>tr>th,
-    .ant-table>.ant-table-container>.ant-table-content>table>tbody>tr>td,
-    .ant-table>.ant-table-container>.ant-table-header>table>tbody>tr>td,
-    .ant-table>.ant-table-container>.ant-table-body>table>tbody>tr>td,
-    .ant-table>.ant-table-container>.ant-table-summary>table>tbody>tr>td,
-    .ant-table>.ant-table-container>.ant-table-content>table>tfoot>tr>th,
-    .ant-table>.ant-table-container>.ant-table-header>table>tfoot>tr>th,
-    .ant-table>.ant-table-container>.ant-table-body>table>tfoot>tr>th,
-    .ant-table>.ant-table-container>.ant-table-summary>table>tfoot>tr>th,
-    .ant-table>.ant-table-container>.ant-table-content>table>tfoot>tr>td,
-    .ant-table>.ant-table-container>.ant-table-header>table>tfoot>tr>td,
-    .ant-table>.ant-table-container>.ant-table-body>table>tfoot>tr>td,
-    .ant-table>.ant-table-container>.ant-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-table .ant-table-tbody>tr:not(.ant-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-table>.ant-table-container {
+    .@{ant-prefix}-table>.@{ant-prefix}-table-container {
       border-left: 1px solid rgba(0, 0, 0, 0.06);
     }
   }
@@ -54,14 +57,22 @@
     }
   }
 
-  .ant-table-tbody {
-    .ant-table-cell-fix-left, .ant-table-cell-fix-right {
+  .@{ant-prefix}-table-tbody {
+    .@{ant-prefix}-table-cell-fix-left, .@{ant-prefix}-table-cell-fix-right {
       background: unset !important;
     }
   }
 
-  .ant-table-body {
-    .ant-table-cell .varied-cell {
+  .@{ant-prefix}-table-body {
+    // .@{ant-prefix}-table-tbody .@{ant-prefix}-table-row:nth-child(odd).new-cell {
+    //   background: #00ae4d !important;
+
+    //   td {
+    //     background: #00ae4d !important;
+    //   }
+    // }
+
+    .@{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);
@@ -76,7 +87,7 @@
   .copyable-table-cell {
 
 
-    .ant-typography {
+    .@{ant-prefix}-typography {
       margin-bottom: 0;
       display      : flex;
       align-items  : center;
@@ -89,7 +100,7 @@
       }
     }
 
-    .ant-typography-copy-success {
+    .@{ant-prefix}-typography-copy-success {
       svg {
         fill: var(--zaui-success, #00ae4d);
       }
@@ -104,14 +115,14 @@
   }
 
   &.pro-table-no-stripe {
-    .ant-table.ant-table-scroll-horizontal .ant-table-tbody .ant-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);
     }
   }
 
-  .ant-table-thead {
-    .ant-dropdown-trigger {
-      &.ant-dropdown-open {
+  .@{ant-prefix}-table-thead {
+    .@{ant-prefix}-dropdown-trigger {
+      &.@{ant-prefix}-dropdown-open {
 
         .anticon-down {
           transition: transform 0.3s;
@@ -134,7 +145,7 @@
     }
   }
 
-  .ant-table-thead {
+  .@{ant-prefix}-table-thead {
     tr th {
       &:last-child {
         .react-resizable-handle {
@@ -144,11 +155,11 @@
     }
   }
 
-  .ant-space {
+  .@{ant-prefix}-space {
     gap: var(--zaui-space-size-sm, 8px) !important;
   }
 
-  .ant-btn-link {
+  .@{ant-prefix}-btn-link {
     padding: 0 var(--zaui-space-size-xs, 4px);
 
     &:first-child {
@@ -165,7 +176,7 @@
       display    : flex;
       align-items: center;
 
-      >.ant-btn {
+      >.@{ant-prefix}-btn {
 
         &:hover,
         &:visited,
@@ -182,11 +193,22 @@
     }
   }
 
-  .ant-empty .ant-empty-image {
-    height: 80px;
+  .pro-table-empty {
+    margin: var(--zaui-space-size-lg, 32px) 0;
+    color: rgba(0, 0, 0, 0.25);
+    font-size: var(--zaui-font-size-md, 14px);
+    text-align: center;
+
+    .empty-image {
+      height: 80px;
+
+      img {
+        height: 100%;
+      }
+    }
   }
 
-  .ant-table .ant-table-thead>tr>th {
+  .@{ant-prefix}-table .@{ant-prefix}-table-thead>tr>th {
     border-bottom: 0;
     white-space  : nowrap;
     background   : var(--zaui-table-header-bg, #f2f3f5);
@@ -229,29 +251,29 @@
     }
   }
 
-  .ant-table.ant-table-bordered {
-    .ant-table-thead>tr>th {
+  .@{ant-prefix}-table.@{ant-prefix}-table-bordered {
+    .@{ant-prefix}-table-thead>tr>th {
       border-bottom: 1px solid #f0f0f0;
     }
 
-    .ant-table-tbody>tr:not(.ant-table-placeholder)>td {
+    .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-placeholder)>td {
       border-bottom: 1px solid #f0f0f0;
     }
 
-    .ant-table-tbody>tr:not(.ant-table-measure-row)>td {
+    .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-measure-row)>td {
       border-bottom: 1px solid #f0f0f0;
     }
   }
 
-  .ant-table-tbody .ant-table-placeholder {
+  .@{ant-prefix}-table-tbody .@{ant-prefix}-table-placeholder {
     background: var(--zaui-base-bg, #ffffff) !important;
   }
 
-  .ant-table-tbody>tr:not(.ant-table-placeholder)>td {
+  .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-placeholder)>td {
     border-bottom: 0;
   }
 
-  .ant-table-tbody>tr:not(.ant-table-measure-row)>td {
+  .@{ant-prefix}-table-tbody>tr:not(.@{ant-prefix}-table-measure-row)>td {
     border-bottom: 0;
   }
 
@@ -259,7 +281,7 @@
     position       : relative;
     background-clip: padding-box;
 
-    .ant-table-filter-trigger {
+    .@{ant-prefix}-table-filter-trigger {
       margin-right: 0;
     }
   }
@@ -295,20 +317,20 @@
     }
   }
 
-  .ant-table-tbody tr td .ant-checkbox-wrapper-checked.checkbox-disabled {
+  .@{ant-prefix}-table-tbody tr td .@{ant-prefix}-checkbox-wrapper-checked.checkbox-disabled {
     pointer-events: none;
     cursor        : not-allowed;
     opacity       : 0.5;
   }
 
-  .ant-pagination-options-quick-jumper input {
+  .@{ant-prefix}-pagination-options-quick-jumper input {
     border    : unset;
     background: #FAFAFA;
     min-width : 32px;
     height    : 32px;
   }
 
-  .ant-pagination .ant-pagination-item-active a {
+  .@{ant-prefix}-pagination .@{ant-prefix}-pagination-item-active a {
     color        : #ffffff;
     background   : var(--zaui-brand, #006aff) !important;
     border-radius: var(--zaui-border-radius, 4px);
@@ -324,10 +346,10 @@
     }
   }
 
-  .ant-table-summary {
+  .@{ant-prefix}-table-summary {
     background-color: var(--zaui-table-header-bg, #f2f3f5);
 
-    .ant-table-cell {
+    .@{ant-prefix}-table-cell {
       font-weight     : 500;
       background-color: var(--zaui-table-header-bg, #f2f3f5);
       border          : none;
@@ -335,10 +357,10 @@
   }
 }
 
-.ant-dropdown-placement-bottomLeft {
-  .ant-dropdown-menu-vertical.ant-dropdown-menu-light {
+.@{ant-prefix}-dropdown-placement-bottomLeft {
+  .@{ant-prefix}-dropdown-menu-vertical.@{ant-prefix}-dropdown-menu-light {
 
-    .ant-dropdown-menu-item-only-child {
+    .@{ant-prefix}-dropdown-menu-item-only-child {
       &:hover {
         background: rgba(0, 106, 255, 0.08);
       }

package/lib/ProTable/utils.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ProTableColumn } from './propsType';
-export declare const formatColumn: (column: ProTableColumn, originalDataSource: any[]) => void;
+export declare const formatColumn: (column: ProTableColumn, originalObj: any, dataSourceObj: any, rowKey: any) => void;
 export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;
 /**
  * 查找最近的父级className

package/lib/ProTable/utils.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isListResult = exports.getParentElement = exports.getColumnDataIndex = exports.formatColumn = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
-var _moment15 = _interopRequireDefault(require("moment"));
+var _dayjs15 = _interopRequireDefault(require("dayjs"));
 var _antd = require("antd");
 var _lodash = require("lodash");
 var _utils = require("@zat-design/utils");
@@ -29,7 +28,27 @@ var getDecimalDigits = function getDecimalDigits() {
   var match = Number(num).toString().match(/\.(\d+)/);
   return match ? match[1].length : 0;
 };
-var formatColumn = exports.formatColumn = function formatColumn(column, originalDataSource) {
+/**
+ * @description: 获取初始值
+ * @author: xiangchengli
+ * @param {any} rowKey
+ * @param any value
+ * @param any originalObj
+ * @param {any} dataIndex
+ * @return {any}
+ */
+var getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
+  if (!originalObj) {
+    return undefined;
+  }
+  var originalRecord = (0, _lodash.get)(originalObj, (0, _lodash.get)(record, rowKey));
+  var originalValue = (0, _lodash.get)(originalRecord, dataIndex);
+  if (!(0, _lodash.isEqual)(originalValue, value)) {
+    return originalValue;
+  }
+  return undefined;
+};
+var formatColumn = exports.formatColumn = function formatColumn(column, originalObj, dataSourceObj, rowKey) {
   var title = column.title,
     valueType = column.valueType,
     _column$format = column.format,
@@ -93,7 +112,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
       var multiple = valueType === 'percentage' ? 100 : 1000;
       var realValue = _utils.tools.calc(Number(value), '*', multiple);
       var renderValue = getDecimalDigits(value) > valueTypePrecision ? realValue : realValue.toFixed(valueTypePrecision);
-      var originalValue = (0, _lodash.get)(originalDataSource, Array.isArray(dataIndex) ? [index].concat((0, _toConsumableArray2.default)(dataIndex)) : [index, dataIndex]);
+      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var originalRealValue = _utils.tools.calc(Number(originalValue || null), '*', multiple);
       var originalRenderValue = getDecimalDigits(originalValue) > valueTypePrecision ? originalRealValue : originalRealValue.toFixed(valueTypePrecision);
       if (!originalValue && originalValue !== 0) {
@@ -104,7 +123,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
       }
       return (0, _jsxRuntime.jsx)(_RenderColumn.default, {
         valueType: valueType,
-        originalValue: !originalDataSource || renderValue === originalRenderValue ? undefined : originalRenderValue,
+        originalValue: originalValue === undefined ? undefined : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: renderValue,
@@ -118,7 +137,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
     column.render = function (value, record, index) {
       var valueStr = valueTypePrecision ? "".concat(Number(value).toFixed(valueTypePrecision)) : "".concat(value);
       var renderValue = valueStr.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-      var originalValue = (0, _lodash.get)(originalDataSource, Array.isArray(dataIndex) ? [index].concat((0, _toConsumableArray2.default)(dataIndex)) : [index, dataIndex]);
+      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var originalRealValue = valueTypePrecision ? "".concat(Number(originalValue).toFixed(valueTypePrecision)) : "".concat(originalValue);
       var originalRenderValue = originalRealValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
       if (!originalValue && originalValue !== 0) {
@@ -133,7 +152,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
       }
       return (0, _jsxRuntime.jsx)(_RenderColumn.default, {
         valueType: valueType,
-        originalValue: !originalDataSource || renderValue === originalRenderValue ? undefined : originalRenderValue,
+        originalValue: originalValue === undefined ? undefined : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: node,
@@ -144,30 +163,30 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
     };
   } else if (['datePicker', 'date', 'dateTime', 'dateStartTime', 'dateEndTime', 'dateStartEndTime'].includes(valueType)) {
     column.render = function (value, record, index) {
-      var _moment, _moment2, _moment3, _moment4, _moment5, _moment6, _moment7, _moment8, _moment9, _moment10, _moment11, _moment12, _moment13, _moment14;
-      var renderValue = (_moment = (0, _moment15.default)(value)) === null || _moment === void 0 ? void 0 : _moment.format(format);
-      var originalValue = (0, _lodash.get)(originalDataSource, Array.isArray(dataIndex) ? [index].concat((0, _toConsumableArray2.default)(dataIndex)) : [index, dataIndex]);
-      var originalRenderValue = (_moment2 = (0, _moment15.default)(originalValue)) === null || _moment2 === void 0 ? void 0 : _moment2.format(format);
+      var _dayjs, _dayjs2, _dayjs3, _dayjs4, _dayjs5, _dayjs6, _dayjs7, _dayjs8, _dayjs9, _dayjs10, _dayjs11, _dayjs12, _dayjs13, _dayjs14;
+      var renderValue = (_dayjs = (0, _dayjs15.default)(value)) === null || _dayjs === void 0 ? void 0 : _dayjs.format(format);
+      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalRenderValue = (_dayjs2 = (0, _dayjs15.default)(originalValue)) === null || _dayjs2 === void 0 ? void 0 : _dayjs2.format(format);
       switch (valueType) {
         case 'date':
-          renderValue = (_moment3 = (0, _moment15.default)(value)) === null || _moment3 === void 0 ? void 0 : _moment3.format('YYYY-MM-DD');
-          originalRenderValue = (_moment4 = (0, _moment15.default)(originalValue)) === null || _moment4 === void 0 ? void 0 : _moment4.format('YYYY-MM-DD');
+          renderValue = (_dayjs3 = (0, _dayjs15.default)(value)) === null || _dayjs3 === void 0 ? void 0 : _dayjs3.format('YYYY-MM-DD');
+          originalRenderValue = (_dayjs4 = (0, _dayjs15.default)(originalValue)) === null || _dayjs4 === void 0 ? void 0 : _dayjs4.format('YYYY-MM-DD');
           break;
         case 'dateTime':
-          renderValue = (_moment5 = (0, _moment15.default)(value)) === null || _moment5 === void 0 ? void 0 : _moment5.format('YYYY-MM-DD HH:mm:ss');
-          originalRenderValue = (_moment6 = (0, _moment15.default)(originalValue)) === null || _moment6 === void 0 ? void 0 : _moment6.format('YYYY-MM-DD HH:mm:ss');
+          renderValue = (_dayjs5 = (0, _dayjs15.default)(value)) === null || _dayjs5 === void 0 ? void 0 : _dayjs5.format('YYYY-MM-DD HH:mm:ss');
+          originalRenderValue = (_dayjs6 = (0, _dayjs15.default)(originalValue)) === null || _dayjs6 === void 0 ? void 0 : _dayjs6.format('YYYY-MM-DD HH:mm:ss');
           break;
         case 'dateStartTime':
-          renderValue = "".concat((_moment7 = (0, _moment15.default)(value)) === null || _moment7 === void 0 ? void 0 : _moment7.format('YYYY-MM-DD'), " 00:00:00");
-          originalRenderValue = "".concat((_moment8 = (0, _moment15.default)(originalValue)) === null || _moment8 === void 0 ? void 0 : _moment8.format('YYYY-MM-DD'), " 00:00:00");
+          renderValue = "".concat((_dayjs7 = (0, _dayjs15.default)(value)) === null || _dayjs7 === void 0 ? void 0 : _dayjs7.format('YYYY-MM-DD'), " 00:00:00");
+          originalRenderValue = "".concat((_dayjs8 = (0, _dayjs15.default)(originalValue)) === null || _dayjs8 === void 0 ? void 0 : _dayjs8.format('YYYY-MM-DD'), " 00:00:00");
           break;
         case 'dateEndTime':
-          renderValue = "".concat((_moment9 = (0, _moment15.default)(value)) === null || _moment9 === void 0 ? void 0 : _moment9.format('YYYY-MM-DD'), " 23:59:59");
-          originalRenderValue = "".concat((_moment10 = (0, _moment15.default)(originalValue)) === null || _moment10 === void 0 ? void 0 : _moment10.format('YYYY-MM-DD'), " 23:59:59");
+          renderValue = "".concat((_dayjs9 = (0, _dayjs15.default)(value)) === null || _dayjs9 === void 0 ? void 0 : _dayjs9.format('YYYY-MM-DD'), " 23:59:59");
+          originalRenderValue = "".concat((_dayjs10 = (0, _dayjs15.default)(originalValue)) === null || _dayjs10 === void 0 ? void 0 : _dayjs10.format('YYYY-MM-DD'), " 23:59:59");
           break;
         case 'dateStartEndTime':
-          renderValue = "".concat((_moment11 = (0, _moment15.default)(value === null || value === void 0 ? void 0 : value[0])) === null || _moment11 === void 0 ? void 0 : _moment11.format('YYYY-MM-DD'), " 00:00:00~").concat((_moment12 = (0, _moment15.default)(value === null || value === void 0 ? void 0 : value[1])) === null || _moment12 === void 0 ? void 0 : _moment12.format('YYYY-MM-DD'), " 23:59:59");
-          originalRenderValue = "".concat((_moment13 = (0, _moment15.default)(originalValue === null || originalValue === void 0 ? void 0 : originalValue[0])) === null || _moment13 === void 0 ? void 0 : _moment13.format('YYYY-MM-DD'), " 00:00:00~").concat((_moment14 = (0, _moment15.default)(originalValue === null || originalValue === void 0 ? void 0 : originalValue[1])) === null || _moment14 === void 0 ? void 0 : _moment14.format('YYYY-MM-DD'), " 23:59:59");
+          renderValue = "".concat((_dayjs11 = (0, _dayjs15.default)(value === null || value === void 0 ? void 0 : value[0])) === null || _dayjs11 === void 0 ? void 0 : _dayjs11.format('YYYY-MM-DD'), " 00:00:00~").concat((_dayjs12 = (0, _dayjs15.default)(value === null || value === void 0 ? void 0 : value[1])) === null || _dayjs12 === void 0 ? void 0 : _dayjs12.format('YYYY-MM-DD'), " 23:59:59");
+          originalRenderValue = "".concat((_dayjs13 = (0, _dayjs15.default)(originalValue === null || originalValue === void 0 ? void 0 : originalValue[0])) === null || _dayjs13 === void 0 ? void 0 : _dayjs13.format('YYYY-MM-DD'), " 00:00:00~").concat((_dayjs14 = (0, _dayjs15.default)(originalValue === null || originalValue === void 0 ? void 0 : originalValue[1])) === null || _dayjs14 === void 0 ? void 0 : _dayjs14.format('YYYY-MM-DD'), " 23:59:59");
           break;
       }
       if (!value) {
@@ -185,7 +204,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
       }
       return (0, _jsxRuntime.jsx)(_RenderColumn.default, {
         valueType: valueType,
-        originalValue: !originalDataSource || renderValue === originalRenderValue ? undefined : originalRenderValue,
+        originalValue: originalValue === undefined ? undefined : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: node,
@@ -198,7 +217,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
     column.render = function (value, record, index) {
       var realCode = typeof code === 'function' ? code() : code;
       var renderValue = (0, _getEnumLabel.default)(realCode, value, valueType === 'enumCodeName');
-      var originalValue = (0, _lodash.get)(originalDataSource, Array.isArray(dataIndex) ? [index].concat((0, _toConsumableArray2.default)(dataIndex)) : [index, dataIndex]);
+      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var originalRenderValue = (0, _getEnumLabel.default)(realCode, originalValue, valueType === 'enumCodeName');
       var node = (0, _jsxRuntime.jsxs)(_antd.Space, {
         size: 8,
@@ -206,7 +225,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
       });
       return (0, _jsxRuntime.jsx)(_RenderColumn.default, {
         valueType: valueType,
-        originalValue: !originalDataSource || value === originalValue ? undefined : originalRenderValue,
+        originalValue: originalValue === undefined ? undefined : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: node,
@@ -218,7 +237,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
   } else if (precision || prefix || suffix) {
     column.render = function (value, record, index) {
       var renderValue = value === 'number' ? value.toFixed(precision) : value;
-      var originalValue = (0, _lodash.get)(originalDataSource, Array.isArray(dataIndex) ? [index].concat((0, _toConsumableArray2.default)(dataIndex)) : [index, dataIndex]);
+      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var originalRenderValue = originalValue === 'number' ? originalValue.toFixed(precision) : originalValue;
       var node = (0, _jsxRuntime.jsxs)(_antd.Space, {
         size: 8,
@@ -232,7 +251,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
       }
       return (0, _jsxRuntime.jsx)(_RenderColumn.default, {
         valueType: valueType,
-        originalValue: !originalDataSource || renderValue === originalRenderValue ? undefined : originalRenderValue,
+        originalValue: originalValue === undefined ? undefined : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: node,
@@ -245,7 +264,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
     column.render = function (value, record, index) {
       var _realValue$filter;
       var realValue = transform ? transform(value, record) : value;
-      var originalValue = (0, _lodash.get)(originalDataSource, Array.isArray(dataIndex) ? [index].concat((0, _toConsumableArray2.default)(dataIndex)) : [index, dataIndex]);
+      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var originalRealValue = transform ? transform(originalValue, record) : originalValue;
       var isEmpty = !realValue || Array.isArray(realValue) && (realValue === null || realValue === void 0 ? void 0 : (_realValue$filter = realValue.filter(function (item) {
         return !!item;
@@ -254,7 +273,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
         return '-';
       }
       var className = (0, _classnames.default)({
-        'varied-cell': originalDataSource && !(0, _lodash.isEqual)(value, originalValue),
+        'varied-cell': originalValue !== undefined,
         'empty-cell': isEmpty
       });
       var renderValue = (0, _jsxRuntime.jsx)(_ProForm.default.ProAddressBar, {
@@ -272,7 +291,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
         isView: true,
         code: code,
         value: realValue,
-        tooltip: originalDataSource && !(0, _lodash.isEqual)(value, originalValue) ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        tooltip: originalValue !== undefined ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: ["\u521D\u59CB\u503C\uFF1A", originalRenderValue, (0, _jsxRuntime.jsx)("br", {}), ellipsis ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: ["\u5F53\u524D\u503C\uFF1A", renderValue]
           }) : undefined]
@@ -296,7 +315,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
     };
   } else if (ellipsis) {
     column.render = function (value, record, index) {
-      var originalValue = (0, _lodash.get)(originalDataSource, Array.isArray(dataIndex) ? [index].concat((0, _toConsumableArray2.default)(dataIndex)) : [index, dataIndex]);
+      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       if (!value && value !== 0 && value === originalValue) {
         return '-';
       }
@@ -304,7 +323,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
         size: 8,
         children: [prefixNode(value, record, index), (0, _jsxRuntime.jsx)(_RenderColumn.default, {
           valueType: valueType,
-          originalValue: !originalDataSource || value === originalValue ? undefined : originalValue || '-',
+          originalValue: originalValue === undefined ? undefined : originalValue || '-',
           ellipsis: ellipsis,
           width: width,
           node: value,
@@ -316,7 +335,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
     };
   } else {
     column.render = function (value, record, index) {
-      var originalValue = (0, _lodash.get)(originalDataSource, Array.isArray(dataIndex) ? [index].concat((0, _toConsumableArray2.default)(dataIndex)) : [index, dataIndex]);
+      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
       var node = (0, _jsxRuntime.jsxs)(_antd.Space, {
         size: 8,
         children: [prefixNode(value, record, index), value, suffixNode(value, record, index)]
@@ -326,7 +345,7 @@ var formatColumn = exports.formatColumn = function formatColumn(column, original
       }
       return (0, _jsxRuntime.jsx)(_RenderColumn.default, {
         valueType: valueType,
-        originalValue: !originalDataSource || value === originalValue ? undefined : originalValue || '-',
+        originalValue: originalValue === undefined ? undefined : originalValue || '-',
         ellipsis: ellipsis,
         width: width,
         node: node,

package/lib/ProTabs/style/index.less

@@ -1,18 +1,20 @@
+@root-entry-name: 'default';
+@import (reference) '~antd/es/style/themes/index.less';
+
 .pro-tabs {
-  .ant-tabs .ant-tabs-nav-list .ant-tabs-tab {
+  .@{ant-prefix}-tabs .@{ant-prefix}-tabs-nav-list .@{ant-prefix}-tabs-tab {
     padding: 0 !important;
   }
 
-  .ant-tabs-top>.ant-tabs-nav::before,
-  .ant-tabs-bottom>.ant-tabs-nav::before,
-  .ant-tabs-top>div>.ant-tabs-nav::before,
-  .ant-tabs-bottom>div>.ant-tabs-nav::before {
+  .@{ant-prefix}-tabs-top > .@{ant-prefix}-tabs-nav::before,
+  .@{ant-prefix}-tabs-bottom > .@{ant-prefix}-tabs-nav::before,
+  .@{ant-prefix}-tabs-top > div > .@{ant-prefix}-tabs-nav::before,
+  .@{ant-prefix}-tabs-bottom > div > .@{ant-prefix}-tabs-nav::before {
     border: none;
   }
 
-
-  .ant-tabs-nav-list {
-    .ant-tabs-tab {
+  .@{ant-prefix}-tabs-nav-list {
+    .@{ant-prefix}-tabs-tab {
       &:first-child {
         .pro-tabs-card {
           border-left: 1px solid var(--zaui-line, #dddddd);
@@ -21,37 +23,37 @@
     }
   }
 
-  .ant-tabs-tab-active {
+  .@{ant-prefix}-tabs-tab-active {
     .pro-tabs-card {
       background: var(--ant-primary-color-active-deprecated-f-30, rgba(230, 247, 255, 0.3));
     }
   }
 
-  .ant-tabs-ink-bar {
-    top   : 0;
+  .@{ant-prefix}-tabs-ink-bar {
+    top: 0;
     height: 3px !important;
   }
 
   .pro-tabs-card {
-    width      : 200px;
-    padding    : 14px 16px 14px 24px;
-    border     : 1px solid var(--zaui-line, #dddddd);
+    width: 200px;
+    padding: calc(9px * var(--zaui-size; 1)) 16px calc(9px * var(--zaui-size; 1)) 24px;
+    border: 1px solid var(--zaui-line, #dddddd);
     border-left: none;
 
     .pro-tabs-card-left {
-      width      : 104px;
+      width: 104px;
       text-shadow: none;
 
       .pro-tabs-card-left-total {
-        font-size  : var(--zaui-font-size-lg-title, 24px);
+        color: var(--zaui-text, #343434);
         font-weight: 600;
-        color      : var(--zaui-text, #343434);
+        font-size: var(--zaui-font-size-lg-title, 24px);
       }
 
       .pro-tabs-card-left-label {
-        font-size  : var(--zaui-font-size, 14px);
+        color: var(--aui-text, #343434);
         font-weight: 400;
-        color      : var(--aui-text, #343434);
+        font-size: var(--zaui-font-size, 14px);
       }
     }
 
@@ -67,13 +69,13 @@
 
 .pro-tabs-tab {
   .pro-tabs-card {
-    .ant-tag {
+    .@{ant-prefix}-tag {
+      margin-right: 0;
+      padding: 0 var(--zaui-space-size-xs, 4px);
       border-radius: 10px;
-      padding      : 0 var(--zaui-space-size-xs, 4px);
-      margin-right : 0;
     }
 
-    .ant-space-item {
+    .@{ant-prefix}-space-item {
       display: flex;
     }
   }

package/lib/ProThemeTools/component/PrdTools/index.d.ts

@@ -1,3 +1,3 @@
 import type { DevToolsPropsType } from '../../propsType';
-declare const PrdTools: ({ onReset, onClose, setState, visible, state, tableBorder, tableStripe, }: DevToolsPropsType) => JSX.Element;
+declare const PrdTools: ({ onReset, onClose, setState, visible, state, tableBorder, tableStripe, prefixCls, }: DevToolsPropsType) => JSX.Element;
 export default PrdTools;