@zat-design/sisyphus-react 3.9.2 → 3.9.3-beta.1

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

@@ -39,7 +39,8 @@ var RenderColumn = function RenderColumn(props) {
     tooltip = _useSetState2[0].tooltip,
     setState = _useSetState2[1];
   var cellDiffCls = (0, _classnames.default)({
-    'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged
+    'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged,
+    'add-cell': props === null || props === void 0 ? void 0 : props.isAddCell
   });
   // 比对场景走的逻辑
   if (!isInNewRowFlag && (0, _lodash.isBoolean)(props === null || props === void 0 ? void 0 : props.isChanged)) {
@@ -99,10 +100,7 @@ var RenderColumn = function RenderColumn(props) {
         children: renderNode
       }));
     }
-    if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
-      return renderNode;
-    }
-    return (0, _jsxRuntime.jsx)("span", {
+    return (0, _jsxRuntime.jsx)("div", {
       className: cellDiffCls,
       style: {
         width: width,

package/lib/ProTable/propsType.d.ts

@@ -40,11 +40,10 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
     toolTipProps?: TooltipProps & React.RefAttributes<unknown>;
     transform?: (value: any, record?: any) => string[];
     show?: boolean | (() => boolean);
-    onDiff?: ({ value, originValue }: {
-        value: any;
-        originValue: any;
-    }) => boolean;
-    viewRender?: ({ value, record, index, originalValue, originalRecord }: any) => any;
+    /** 自定义比对函数, 触发条件必须写render */
+    onDiff?: ({ value, record, index, originalValue, originalRecord }: any) => any;
+    /** 自定义提示render, 触发条件必须写render */
+    viewRender?: ({ value, record, index, originalValue, originalRecord }: any) => 'same' | 'changed' | 'add' | undefined;
     isChanged?: boolean | null;
 }
 export interface CreateTreeFromArrayOptions {

package/lib/ProTable/style/index.less

@@ -277,16 +277,30 @@
       }
     }
 
-    .@{ant-prefix}-table-cell .varied-cell {
-      margin-left: -8px;
-      padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
-
-      background: var(--zaui-contract-bg; #fffaa1) !important;
-      border-radius: var(--zaui-border-radius, 8px);
-      .pro-form-view-container {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
+    .@{ant-prefix}-table-cell {
+      .varied-cell {
+        display: block;
+        margin-left: -8px;
+        padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
+        background-color: var(--zaui-contract-bg; #fffaa1) !important;
+        border-radius: var(--zaui-border-radius, 8px);
+        .pro-form-view-container {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+      }
+      .add-cell{
+        display: block;
+        margin-left: -8px;
+        padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
+        background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+        border-radius: var(--zaui-border-radius, 8px);
+        .pro-form-view-container {
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
       }
     }
 
@@ -586,5 +600,8 @@
 .@{ant-prefix}-table{
   .original-value-tooltip{
     position: fixed;
+    &.@{ant-prefix}-tooltip > @{ant-prefix}-tooltip-content > @{ant-prefix}-tooltip-inner{
+      width: max-content;
+    }
   }
 }

package/lib/ProTable/utils/index.d.ts

@@ -12,9 +12,11 @@ export declare const getDecimalDigits: (num?: number) => number;
  * @param any originalObj
  * @param {any} dataIndex
  * @return {any} isChanged 返回bool值，表示存在比对
+ * @return {any} isAddCell 返回bool值，表示存在比对
  */
 export declare const getOriginalValue: (value: any, record: any, originalObj: any, rowKey: any, dataIndex: any) => {
     originalValue: any;
+    isAddCell: boolean;
     isChanged: boolean;
 };
 export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;

package/lib/ProTable/utils/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isListResult = exports.getRowKey = exports.getOriginalValue = exports.getDecimalDigits = exports.getColumnDataIndex = void 0;
 var _lodash = require("lodash");
+var _utils = require("@zat-design/utils");
+var isEmpty = _utils.validate.isEmpty;
 /**
  * 获取小数点后的位数
  * @param num 数字
@@ -23,25 +25,36 @@ var getDecimalDigits = exports.getDecimalDigits = function getDecimalDigits() {
  * @param any originalObj
  * @param {any} dataIndex
  * @return {any} isChanged 返回bool值，表示存在比对
+ * @return {any} isAddCell 返回bool值，表示存在比对
  */
 var getOriginalValue = exports.getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
   if (!originalObj) {
     return {
       originalValue: null,
-      isChanged: null
+      isChanged: null,
+      isAddCell: null
     };
   }
   var originalRecord = (0, _lodash.get)(originalObj, (0, _lodash.get)(record, rowKey));
   var originalValue = (0, _lodash.get)(originalRecord, dataIndex);
+  if (isEmpty(originalValue) && !isEmpty(value)) {
+    return {
+      originalValue: originalValue,
+      isAddCell: true,
+      isChanged: false
+    };
+  }
   if (!(0, _lodash.isEqual)(originalValue, value)) {
     return {
       originalValue: originalValue,
-      isChanged: true
+      isChanged: true,
+      isAddCell: false
     };
   }
   return {
     originalValue: null,
-    isChanged: false
+    isChanged: false,
+    isAddCell: false
   };
 };
 var getColumnDataIndex = exports.getColumnDataIndex = function getColumnDataIndex(dataIndex) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.9.2",
+  "version": "3.9.3-beta.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",