@zat-design/sisyphus-react 3.2.1 → 3.2.2

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

@@ -12,6 +12,7 @@ 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 locale from '../../../locale';
 var connect = function connect(Component) {
   var ComponentWrapper = function ComponentWrapper(props) {
     return _jsx(Component, _objectSpread({}, props));
@@ -62,8 +63,8 @@ var PrdTools = function PrdTools(_ref) {
   }, []);
   return _jsxs(NewDrawer, {
     className: "pro-theme-prd-tools-drawer",
-    width: 320,
-    title: "\u5168\u5C40\u6837\u5F0F\u81EA\u5B9A\u4E49",
+    width: 400,
+    title: "".concat(locale.ProThemeTools.title),
     placement: "right",
     onClose: onClose,
     open: visible,
@@ -77,7 +78,7 @@ var PrdTools = function PrdTools(_ref) {
     }), _jsxs("div", {
       className: "pro-theme-tools-space",
       children: [_jsx("p", {
-        children: "\u4E3B\u9898\u8272"
+        children: "".concat(locale.ProThemeTools.themeColor)
       }), _jsx("ul", {
         className: "pro-theme-color",
         children: active.map(function (item, index) {
@@ -108,7 +109,7 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u5E03\u5C40"
+          children: "".concat(locale.ProThemeTools.layout)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
@@ -124,13 +125,13 @@ var PrdTools = function PrdTools(_ref) {
           },
           children: [_jsx(_Radio.Button, {
             value: 0.5,
-            children: "\u7D27\u51D1"
+            children: "".concat(locale.ProThemeTools.layoutMode[0])
           }), _jsx(_Radio.Button, {
             value: 1,
-            children: "\u5E38\u89C4"
+            children: "".concat(locale.ProThemeTools.layoutMode[1])
           }), _jsx(_Radio.Button, {
             value: 1.5,
-            children: "\u5BBD\u677E"
+            children: "".concat(locale.ProThemeTools.layoutMode[2])
           })]
         })
       })]
@@ -139,7 +140,7 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u8868\u5355\u6807\u9898"
+          children: "".concat(locale.ProThemeTools.formLabel)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
@@ -176,10 +177,10 @@ var PrdTools = function PrdTools(_ref) {
           },
           children: [_jsx(_Radio.Button, {
             value: "left",
-            children: "\u5DE6\u5BF9\u9F50"
+            children: "".concat(locale.ProThemeTools.flex[0])
           }), _jsx(_Radio.Button, {
             value: "right",
-            children: "\u53F3\u5BF9\u9F50"
+            children: "".concat(locale.ProThemeTools.flex[1])
           })]
         })
       })]
@@ -188,13 +189,13 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u5927\u5B57\u53F7\u6A21\u5F0F"
+          children: "".concat(locale.ProThemeTools.bigText)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx(_Switch, {
-          checkedChildren: "\u5F00",
-          unCheckedChildren: "\u5173",
+          checkedChildren: "".concat(locale.ProThemeTools.switchText[0]),
+          unCheckedChildren: "".concat(locale.ProThemeTools.switchText[1]),
           checked: state.zauiBigText,
           onClick: function onClick(value) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -212,13 +213,13 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u8868\u683C\u8FB9\u6846"
+          children: "".concat(locale.ProThemeTools.tableBorder)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx(_Switch, {
-          checkedChildren: "\u5F00",
-          unCheckedChildren: "\u5173",
+          checkedChildren: "".concat(locale.ProThemeTools.switchText[0]),
+          unCheckedChildren: "".concat(locale.ProThemeTools.switchText[1]),
           checked: state.zauiTableBorder,
           onClick: function onClick(value) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -235,13 +236,13 @@ var PrdTools = function PrdTools(_ref) {
       children: [_jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx("p", {
-          children: "\u8868\u683C\u6591\u9A6C\u7EB9"
+          children: "".concat(locale.ProThemeTools.tableStripe)
         })
       }), _jsx("div", {
         className: "pro-theme-tools-item",
         children: _jsx(_Switch, {
-          checkedChildren: "\u5F00",
-          unCheckedChildren: "\u5173",
+          checkedChildren: "".concat(locale.ProThemeTools.switchText[0]),
+          unCheckedChildren: "".concat(locale.ProThemeTools.switchText[1]),
           checked: state.zauiStripe,
           onClick: function onClick(value) {
             setState(_objectSpread(_objectSpread({}, state), {}, {
@@ -272,7 +273,7 @@ var PrdTools = function PrdTools(_ref) {
         }]);
         onReset();
       },
-      children: "\u91CD\u7F6E"
+      children: "".concat(locale.ProThemeTools.reset)
     })]
   });
 };

package/es/ProThemeTools/index.js

@@ -14,6 +14,7 @@ import { useEffect, useState } from 'react';
 import classnames from 'classnames';
 import { getKebabCase, setThemes, setTableNoStripe, setTableBorder, getMapKebabCase, getMapHumpCase } from './utils/index';
 import { PrdTools } from './component';
+import locale from '../locale';
 var defaultCacheTime = 1; // 配置保存时间为一天
 var defaultThemeConfig = {
   zauiBrand: '#006AFF',
@@ -89,7 +90,7 @@ var ProThemeTools = function ProThemeTools(_ref) {
     input.select();
     if (document.execCommand('copy')) {
       document.execCommand('copy');
-      _message.success('复制成功！');
+      _message.success("".concat(locale.ProThemeTools.copySuccess));
     }
     document.body.removeChild(input);
   };

package/es/ProTree/components/Tree.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *@Description: 树每行节点渲染组件，复选时阻止点击事件冒泡，只有点击树节点文本会向上触发onSelect事件
 */
 /* eslint-disable no-plusplus */
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useSetState } from 'ahooks';
 import { CaretDownOutlined } from '@ant-design/icons';
 import SearchTitle from './SearchTitle';
@@ -125,7 +125,7 @@ function List(props) {
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
       setOpen = _useState2[1];
-    var operateButton = menu && menu(item === null || item === void 0 ? void 0 : item.value, item);
+    var operateButton = menu && menu(item === null || item === void 0 ? void 0 : item[fieldNameValue], item);
     operateButton === null || operateButton === void 0 ? void 0 : operateButton.map(function (item, i) {
       return _jsx(React.Fragment, {
         children: item
@@ -263,32 +263,19 @@ function List(props) {
       })]
     }, onlyKey);
   };
-  var _treeData = useMemo(function () {
-    function fn() {
-      var loop = function loop(data, index) {
-        index++;
-        var treeRow = data.map(function (item) {
-          var nodeClass = 'pro-tree-tree-node ';
-          var isChecked = false;
-          if (currentClickTreeNode === item[fieldNameValue]) {
-            nodeClass += ' checked';
-            isChecked = true;
-          }
-          var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
-          if (item[fieldNames.children]) {
-            return {
-              title: _jsx(TreeNodeRow, {
-                nodeClass: nodeClass,
-                item: item,
-                index: index,
-                title: title,
-                isChecked: isChecked,
-                onlyKey: item[fieldNameValue]
-              }),
-              key: item[fieldNameValue],
-              children: loop(item[fieldNames.children], index)
-            };
-          }
+  // const _treeData = useMemo(() => {
+  function fn() {
+    var loop = function loop(data, index) {
+      index++;
+      var treeRow = data.map(function (item) {
+        var nodeClass = 'pro-tree-tree-node ';
+        var isChecked = false;
+        if (currentClickTreeNode === item[fieldNameValue]) {
+          nodeClass += ' checked';
+          isChecked = true;
+        }
+        var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
+        if (item[fieldNames.children]) {
           return {
             title: _jsx(TreeNodeRow, {
               nodeClass: nodeClass,
@@ -298,23 +285,37 @@ function List(props) {
               isChecked: isChecked,
               onlyKey: item[fieldNameValue]
             }),
-            key: item[fieldNameValue]
+            key: item[fieldNameValue],
+            children: loop(item[fieldNames.children], index)
           };
-        });
-        return treeRow; // .filter((item) => item);
-      };
+        }
+        return {
+          title: _jsx(TreeNodeRow, {
+            nodeClass: nodeClass,
+            item: item,
+            index: index,
+            title: title,
+            isChecked: isChecked,
+            onlyKey: item[fieldNameValue]
+          }),
+          key: item[fieldNameValue]
+        };
+      });
+      return treeRow; // .filter((item) => item);
+    };
 
-      if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
-        return;
-      }
-      var newTreeData = originalTreeData;
-      if (searchStr) {
-        newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
-      }
-      return loop(newTreeData, -1);
+    if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
+      return;
+    }
+    var newTreeData = originalTreeData;
+    if (searchStr) {
+      newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
     }
-    return fn();
-  }, [searchStr, expandedKeys, showCodeName, originalTreeData, currentClickTreeNode]);
+    return loop(newTreeData, -1);
+  }
+  // return fn();
+  // }, [searchStr, expandedKeys, showCodeName, originalTreeData, currentClickTreeNode]);
+  var _treeData = fn();
   var onExpand = function onExpand(newExpandedKeys) {
     setState({
       expandedKeys: newExpandedKeys,

package/es/ProTree/style/index.less

@@ -315,12 +315,6 @@
   }
 }
 
-// 中意全局样式覆盖
-// .pro-form.pro-form-view .ant-form-item * {
-//   line-height: 1!important;
-//   height: auto!important;
-//   min-height: auto!important;
-// }
 // 重置ant-form view模式样式ant-tree样式
 .pro-form.pro-form-view .ant-form-item .pro-tree * {
   line-height: 1 !important;

package/es/ProTreeSelect/index.js

@@ -145,9 +145,10 @@ export var ProTreeSelect = function ProTreeSelect(props, ref) {
       _message.error(msg);
       return;
     }
+    var resultData = transferDataSource(data, showCodeName);
     setState({
-      selectList: data || [],
-      origDataSource: data || []
+      selectList: resultData || [],
+      origDataSource: resultData || []
     });
   };
   // 配置了异步数据源，拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值

package/es/locale/en_US.d.ts

@@ -38,7 +38,6 @@ declare const _default: {
         errorMessage: string;
         defaultTitle: string;
     };
-    ProWaterMark: {};
     ProTable: {
         noData: string;
         resetColumnWidth: string;
@@ -94,6 +93,7 @@ declare const _default: {
         save: string;
         custom: string;
         operation: string;
+        total: string;
         onlyOneLineMsg: string;
         deletePoConfirmMsg: string;
         mulDeletePoConfirmMsg: string;
@@ -134,5 +134,19 @@ declare const _default: {
     ProTimeLimit: {
         foreverText: string;
     };
+    ProThemeTools: {
+        title: string;
+        copySuccess: string;
+        layout: string;
+        layoutMode: string[];
+        themeColor: string;
+        formLabel: string;
+        bigText: string;
+        flex: string[];
+        switchText: string[];
+        tableBorder: string;
+        tableStripe: string;
+        reset: string;
+    };
 };
 export default _default;

package/es/locale/en_US.js

@@ -38,7 +38,6 @@ export default {
     errorMessage: 'The configuration config for ProAction must be data',
     defaultTitle: 'Are you sure delete it?'
   },
-  ProWaterMark: {},
   ProTable: {
     noData: 'No data',
     resetColumnWidth: 'Reset column width',
@@ -94,6 +93,7 @@ export default {
     save: 'Save',
     custom: 'Custom',
     operation: 'Operation',
+    total: '{total} items in total',
     onlyOneLineMsg: 'Please save the data first',
     deletePoConfirmMsg: 'Are you sure you want to delete this row of data?',
     mulDeletePoConfirmMsg: 'Are you sure you want to delete the selected data?'
@@ -120,12 +120,12 @@ export default {
   ProTreeModal: {
     checkMsg: 'Please check first',
     select: 'Please select',
-    input: 'please enter',
+    input: 'Please enter',
     errorArrayMessage: 'Please return a valid array',
     selectMin: 'Select at least {min}',
     selectMax: 'Select at most {max} items',
     noCheck: 'None selected yet',
-    checkAll: 'select all',
+    checkAll: 'Select all',
     check: 'selected',
     clearAll: 'Clear all',
     checkNumber: '{num} items selected',
@@ -133,5 +133,19 @@ export default {
   },
   ProTimeLimit: {
     foreverText: 'long term'
+  },
+  ProThemeTools: {
+    title: 'Global style customization ',
+    copySuccess: 'Copy success! ',
+    layout: 'Layout',
+    layoutMode: ['Compact ', 'Regular', 'Loose'],
+    themeColor: 'Theme color',
+    formLabel: 'Form label',
+    bigText: 'Large text mode',
+    flex: ['Left align ', 'Right align'],
+    switchText: ['on', 'off'],
+    tableBorder: 'Table border',
+    tableStripe: 'Table zebra',
+    reset: 'Reset'
   }
 };

package/es/locale/zh_CN.d.ts

@@ -38,7 +38,6 @@ declare const _default: {
         errorMessage: string;
         defaultTitle: string;
     };
-    ProWaterMark: {};
     ProTable: {
         noData: string;
         resetColumnWidth: string;
@@ -94,6 +93,7 @@ declare const _default: {
         operation: string;
         noData: string;
         clickAdd: string;
+        total: string;
         onlyOneLineMsg: string;
         deletePoConfirmMsg: string;
         mulDeletePoConfirmMsg: string;
@@ -133,5 +133,19 @@ declare const _default: {
     ProTimeLimit: {
         foreverText: string;
     };
+    ProThemeTools: {
+        title: string;
+        copySuccess: string;
+        layout: string;
+        layoutMode: string[];
+        themeColor: string;
+        formLabel: string;
+        bigText: string;
+        flex: string[];
+        switchText: string[];
+        tableBorder: string;
+        tableStripe: string;
+        reset: string;
+    };
 };
 export default _default;

package/es/locale/zh_CN.js

@@ -38,7 +38,6 @@ export default {
     errorMessage: 'ProAction 配置 config 必须为数据',
     defaultTitle: '确认删除吗?'
   },
-  ProWaterMark: {},
   ProTable: {
     noData: '暂无数据',
     resetColumnWidth: '重置列宽',
@@ -94,6 +93,7 @@ export default {
     operation: '操作',
     noData: '暂无数据',
     clickAdd: '点击添加',
+    total: '共{total}条',
     onlyOneLineMsg: '请先保存数据',
     deletePoConfirmMsg: '您确定要删除该行数据吗？',
     mulDeletePoConfirmMsg: '您确定要删除选中的数据吗？'
@@ -132,5 +132,19 @@ export default {
   },
   ProTimeLimit: {
     foreverText: '长期'
+  },
+  ProThemeTools: {
+    title: '全局样式自定义',
+    copySuccess: '复制成功！',
+    layout: '布局',
+    layoutMode: ['紧凑', '常规', '宽松'],
+    themeColor: '主题色',
+    formLabel: '表单标题',
+    bigText: '大字号模式',
+    flex: ['左对齐', '右对齐'],
+    switchText: ['开', '关'],
+    tableBorder: '表格边框',
+    tableStripe: '表格斑马纹',
+    reset: '重置'
   }
 };

package/es/style/theme/antd.less

@@ -258,7 +258,7 @@
           & td,
           & td.ant-table-cell-fix-right,
           & td.ant-table-cell-fix-left {
-            background-color: #fff;
+            background-color: #fff !important;
           }
 
           & td {
@@ -267,10 +267,10 @@
         }
 
         .ant-table-row:nth-child(odd) {
-          background-color: @zaui-table-strip-bg;
+          background-color: @zaui-table-strip-bg  !important;
 
           & td {
-            background-color: @zaui-table-strip-bg;
+            background-color: @zaui-table-strip-bg !important;
           }
         }
       }
@@ -339,6 +339,11 @@
   }
 
   &.ant-tabs-card {
+    .ant-tabs-tab {
+      padding     : 8px calc(var(--zaui-space-size-md, 16px)*var(--zaui-size, 1)) !important;
+      margin-right: 10px !important;
+    }
+
     .ant-tabs-nav .ant-tabs-tab-btn {
       font-size: var(--zaui-font-size, 14px);
     }

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

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
@@ -14,6 +16,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
 var _valueType = _interopRequireDefault(require("../../../ProForm/utils/valueType"));
 var _transform = _interopRequireDefault(require("../../utils/transform"));
@@ -22,14 +25,15 @@ var componentMap = _interopRequireWildcard(require("../../../ProForm/components"
 var _Container = _interopRequireDefault(require("../../../ProForm/components/Container"));
 var _transformNames = _interopRequireDefault(require("../../../ProForm/utils/transformNames"));
 var _useFieldProps = require("../../../ProForm/utils/useFieldProps");
+var _useChanged3 = require("../../../ProForm/utils/useChanged");
 var _useRules = _interopRequireDefault(require("../../../ProForm/utils/useRules"));
 var _utils = require("../../../ProForm/utils");
 var _locale = _interopRequireDefault(require("../../../locale"));
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className"];
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
 var RenderField = function RenderField(_ref) {
-  var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _formItemChildProps$p, _TargetComponent4;
+  var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _formItemChildProps$p, _TargetComponent4, _classNames;
   var value = _ref.text,
     record = _ref.record,
     index = _ref.index,
@@ -54,6 +58,8 @@ var RenderField = function RenderField(_ref) {
     required = _column$required === void 0 ? false : _column$required,
     _column$rules = column.rules,
     rules = _column$rules === void 0 ? [] : _column$rules,
+    equalWith = column.equalWith,
+    className = column.className,
     resetProps = (0, _objectWithoutProperties2.default)(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -68,7 +74,9 @@ var RenderField = function RenderField(_ref) {
     setState = config.setState,
     name = config.name,
     virtualKey = config.virtualKey,
-    viewEmpty = config.viewEmpty;
+    viewEmpty = config.viewEmpty,
+    originalValues = config.originalValues,
+    originalTip = config.originalTip;
   var _fieldProps = fieldProps || formItemProps || {};
   var _rules = rules || [];
   var _required = required;
@@ -182,13 +190,23 @@ var RenderField = function RenderField(_ref) {
       return [].concat((0, _toConsumableArray2.default)(baseName), [index, key]);
     });
   }
+  var originalName = cellName;
+  var originalNames = names;
+  if (virtualKey) {
+    var _cellName$slice, _names2, _names2$map;
+    originalName = [].concat((0, _toConsumableArray2.default)(name), (0, _toConsumableArray2.default)(cellName === null || cellName === void 0 ? void 0 : (_cellName$slice = cellName.slice) === null || _cellName$slice === void 0 ? void 0 : _cellName$slice.call(cellName, 1)));
+    originalNames = (_names2 = names) === null || _names2 === void 0 ? void 0 : (_names2$map = _names2.map) === null || _names2$map === void 0 ? void 0 : _names2$map.call(_names2, function (item) {
+      var _item$slice;
+      return [].concat((0, _toConsumableArray2.default)(name), (0, _toConsumableArray2.default)(item === null || item === void 0 ? void 0 : (_item$slice = item.slice) === null || _item$slice === void 0 ? void 0 : _item$slice.call(item, 1)));
+    });
+  }
   /**
    * 配置names时，基于formItem的normalize与getValueProps进行值类型转换
    * @returns {}
    */
   var namesTransform = function namesTransform() {
-    var _names2;
-    if (!((_names2 = names) === null || _names2 === void 0 ? void 0 : _names2.length)) {
+    var _names3;
+    if (!((_names3 = names) === null || _names3 === void 0 ? void 0 : _names3.length)) {
       return {};
     }
     var namesStr = [baseName, index, dataIndex];
@@ -348,14 +366,6 @@ var RenderField = function RenderField(_ref) {
               d: Date.now()
             }
           });
-          // if (virtualKey) {
-          //   // 单行编辑时需要 强制更新视图
-          //   setState({
-          //     forceUpdate: {
-          //       d: Date.now(),
-          //     },
-          //   });
-          // }
         case 30:
         case "end":
           return _context.stop();
@@ -444,6 +454,20 @@ var RenderField = function RenderField(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
+  // 判断当前字段是否变更
+  var _useChanged = (0, _useChanged3.useChanged)({
+      name: cellName,
+      names: names,
+      namesStr: [].concat((0, _toConsumableArray2.default)(baseName), [index, dataIndex]),
+      originalName: originalName,
+      originalNames: originalNames,
+      originalValues: originalValues,
+      form: form,
+      equalWith: equalWith
+    }),
+    _useChanged2 = (0, _slicedToArray2.default)(_useChanged, 2),
+    changed = _useChanged2[0],
+    originalValue = _useChanged2[1];
   var componentProps = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
     form: form,
     name: cellName,
@@ -484,15 +508,32 @@ var RenderField = function RenderField(_ref) {
   if (!isEditing) {
     delete _formItemProps.rules;
   }
+  var _className = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, className, className), (0, _defineProperty2.default)(_classNames, 'pro-form-item-changed', changed), _classNames));
+  var originalTitle = (0, _jsxRuntime.jsxs)(_antd.Space, {
+    children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? /*#__PURE__*/_react.default.cloneElement(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])), {}, {
+      isView: true,
+      value: originalValue,
+      checked: type === 'Switch' ? originalValue : undefined
+    })) : (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])), {}, {
+      isView: true,
+      value: originalValue,
+      checked: type === 'Switch' ? originalValue : undefined
+    }))]
+  });
+  var FormItem = (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    validateFirst: true
+  }, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
+    className: _className,
+    name: cellName,
+    children: /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? /*#__PURE__*/_react.default.cloneElement(TargetComponent, (0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange']))) : (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])))
+  }));
   return (0, _jsxRuntime.jsx)(_useFieldProps.FieldProvider, {
     value: componentProps === null || componentProps === void 0 ? void 0 : componentProps.otherProps,
-    children: (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      validateFirst: true,
-      noStyle: !isEditing
-    }, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
-      name: cellName,
-      children: /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? /*#__PURE__*/_react.default.cloneElement(TargetComponent, (0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange']))) : (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)({}, (0, _lodash.omit)(componentProps, ['onFieldChange'])))
-    }))
+    children: !originalTip || ['FormList', 'ProEditTable'].includes(type) ? FormItem : (0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: originalTitle,
+      open: changed ? undefined : false,
+      children: FormItem
+    })
   });
 };
 var _default = exports.default = RenderField;