@zat-design/sisyphus-react 3.3.1-beta.1 → 3.3.1-beta.11

package/dist/index.esm.css

@@ -1634,6 +1634,7 @@
 }
 .pro-table .ant-table-body .ant-table-tbody .ant-table-row:nth-child(odd).new-cell td {
   background: #d2fff4 !important;
+  border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
 .pro-table .ant-table-body .ant-table-cell .varied-cell {
   margin-left: -8px;
@@ -2248,16 +2249,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   display: none;
 }
 .pro-group .ant-space-compact {
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
   -webkit-box-flex: 1;
   -webkit-flex: auto;
       -ms-flex: auto;
           flex: auto;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
   width: 100%;
 }
+.pro-group .ant-space-compact > .ant-input-number:first-child {
+  border-end-end-radius: 0;
+  border-start-end-radius: 0;
+}
+.pro-group .ant-space-compact > .ant-input-number:last-child {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+  margin-left: -1px;
+}
 .pro-group .ant-space-compact .ant-form-item {
   margin-bottom: 0 !important;
 }
@@ -2269,6 +2279,13 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
+.pro-group .ant-space-compact .pro-modal-select {
+  margin-left: -1px;
+}
+.pro-group .ant-space-compact .pro-modal-select .ant-input {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
 .pro-group .ant-space-compact .ant-input-affix-wrapper,
 .pro-group .ant-space-compact .ant-select {
   border-start-end-radius: 0;
@@ -2276,8 +2293,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
-.pro-group .ant-space-compact .ant-input-affix-wrapper:nth-child(n+2),
-.pro-group .ant-space-compact .ant-select:nth-child(n+2) {
+.pro-group .ant-space-compact .ant-input-affix-wrapper:nth-child(n + 2),
+.pro-group .ant-space-compact .ant-select:nth-child(n + 2) {
   -webkit-margin-start: -1px;
           margin-inline-start: -1px;
 }
@@ -2306,8 +2323,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-end-end-radius: var(--zaui-border-radius, 4px);
 }
 .pro-group .ant-space-compact .ant-input-affix-wrapper-status-error ~ .group-separator {
-  border-color: var(--ant-error-color);
   color: var(--ant-error-color);
+  border-color: var(--ant-error-color);
 }
 .pro-container.pro-container-diy .pro-container-content {
   display: -webkit-box;
@@ -2561,9 +2578,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .ant-form-item.pro-form-item-changed .ant-picker .ant-select-selection-placeholder {
   z-index: 9;
 }
-.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control-input-content > span {
-  background: var(--zaui-contract-bg, #fffaa1);
+.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control-input-content > .pro-form-view-container {
   padding: 4px 8px;
+  background: var(--zaui-contract-bg, #fffaa1);
   border-radius: 4px;
 }
 .pro-form .ant-form-item .ant-row {
@@ -4183,6 +4200,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-edit-table .ant-table-pagination .ant-pagination-options .ant-select.ant-select-in-form-item {
   width: auto;
 }
+.pro-edit-table .is-new-row td,
+.pro-edit-table .is-new-row.ant-table-row:hover td,
+.pro-edit-table .is-new-row .ant-table-cell-row-hover,
+.pro-edit-table .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
+  background: var(--ant-primary-2) !important;
+}
 .pro-edit-table-header {
   margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
 }

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

@@ -25,7 +25,7 @@ import * as componentMap from '../../../ProForm/components';
 import Container from '../../../ProForm/components/Container';
 import transformNames from '../../../ProForm/utils/transformNames';
 import { FieldProvider } from '../../../ProForm/utils/useFieldProps';
-import { useChanged } from '../../../ProForm/utils/useChanged';
+import { useListChanged } from '../../../ProForm/utils/useListChanged';
 import useRules from '../../../ProForm/utils/useRules';
 import { isSelect } from '../../../ProForm/utils';
 import locale from '../../../locale';
@@ -129,7 +129,7 @@ var RenderField = function RenderField(_ref) {
     names: names,
     label: label,
     labelRequired: labelRequired,
-    required: _required,
+    required: !isView && _required,
     rules: isEditing ? _rules : [],
     isSelect: isSelect({
       dataSource: (_fieldProps4 = _fieldProps) === null || _fieldProps4 === void 0 ? void 0 : _fieldProps4.dataSource,
@@ -452,19 +452,20 @@ var RenderField = function RenderField(_ref) {
     };
   }();
   // 判断当前字段是否变更
-  var _useChanged = useChanged({
+  var _useListChanged = useListChanged({
       name: cellName,
       names: names,
       namesStr: [].concat(_toConsumableArray(baseName), [index, dataIndex]),
+      rowKeyPath: [].concat(_toConsumableArray(baseName), [index, 'rowKey']),
       originalName: originalName,
       originalNames: originalNames,
       originalValues: originalValues,
       form: form,
       equalWith: equalWith
     }),
-    _useChanged2 = _slicedToArray(_useChanged, 2),
-    changed = _useChanged2[0],
-    originalValue = _useChanged2[1];
+    _useListChanged2 = _slicedToArray(_useListChanged, 2),
+    changed = _useListChanged2[0],
+    originalValue = _useListChanged2[1];
   var componentProps = _objectSpread(_objectSpread(_objectSpread({
     form: form,
     name: cellName,

package/es/ProEditTable/index.js

@@ -13,7 +13,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "otherProps", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalTip", "rowKey"];
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
-import { isArray } from 'lodash';
+import { get, isArray } from 'lodash';
 import { useDebounceEffect, useSetState } from 'ahooks';
 import classnames from 'classnames';
 import { transformColumns } from './utils';
@@ -106,6 +106,15 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     }
     return key;
   };
+  var IsNew = function IsNew(preArr, record) {
+    var _preArr$find;
+    if (!(preArr === null || preArr === void 0 ? void 0 : preArr.length)) {
+      return false;
+    }
+    return !(preArr === null || preArr === void 0 ? void 0 : (_preArr$find = preArr.find) === null || _preArr$find === void 0 ? void 0 : _preArr$find.call(preArr, function (item) {
+      return getRowKey(item) === getRowKey(record);
+    }));
+  };
   var config = {
     form: form,
     mode: mode,
@@ -142,6 +151,10 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   var _rowClassName = function _rowClassName(record) {
     var isEdit = !virtualKey || editingKeys.includes(record.rowKey);
     var className = isEdit ? 'is-editing' : '';
+    var originalArr = get(originalValues, name);
+    if (!isEdit && IsNew(originalArr, record)) {
+      return "is-new-row ".concat(className);
+    }
     return className;
   };
   // 复选框
@@ -246,11 +259,16 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     var _value$;
     // 初始化默认生成row-key
     if ((value === null || value === void 0 ? void 0 : value.length) && !(value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey)) {
+      var _originalArr$forEach;
       var nextValues = value === null || value === void 0 ? void 0 : value.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           rowKey: getRowKey(item)
         });
       });
+      var originalArr = get(originalValues, name);
+      originalArr === null || originalArr === void 0 ? void 0 : (_originalArr$forEach = originalArr.forEach) === null || _originalArr$forEach === void 0 ? void 0 : _originalArr$forEach.call(originalArr, function (item) {
+        item.rowKey = getRowKey(item);
+      });
       onChange(nextValues);
       if (virtualKey) {
         form.setFieldValue(virtualRowName, nextValues);

package/es/ProEditTable/style/index.less

@@ -296,6 +296,11 @@
     }
   }
 
+  .is-new-row, .is-new-row.@{ant-prefix}-table-row:hover {
+    td, .@{ant-prefix}-table-cell-row-hover {
+      background: var(--ant-primary-2) !important;
+    }
+  }
 }
 
 .pro-edit-table-header {

package/es/ProEnum/hooks/useEnumRequest.js

@@ -72,6 +72,18 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
               case 9:
                 res.data = response;
               case 10:
+                if (!(_typeof(response) !== 'object' || response === null)) {
+                  _context.next = 12;
+                  break;
+                }
+                throw Error('response enum data must be object');
+              case 12:
+                if (!(Object.keys(response).length === 0)) {
+                  _context.next = 14;
+                  break;
+                }
+                throw Error('Please return valid enumeration data');
+              case 14:
                 // 只返回fieldNames对象的key
                 if (clear) {
                   // 忽略清洗的 codes
@@ -106,7 +118,7 @@ var useEnumRequest = function useEnumRequest(props, dispatch) {
                   }, 10000);
                 }
                 return _context.abrupt("return", res);
-              case 17:
+              case 21:
               case "end":
                 return _context.stop();
             }

package/es/ProForm/components/combination/Group/index.js

@@ -53,7 +53,6 @@ var Group = function Group(props) {
       return item === null || item === void 0 ? void 0 : (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : (_item$fieldProps$styl = _item$fieldProps.style) === null || _item$fieldProps$styl === void 0 ? void 0 : _item$fieldProps$styl.width;
     })
   }, "".concat(className), className));
-  console.log('name', name, data);
   return _jsx("div", {
     className: _className,
     children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? _jsx(_Space.Compact, {

package/es/ProForm/components/combination/Group/style/index.less

@@ -2,20 +2,20 @@
 @import (reference) '~antd/es/style/themes/index.less';
 
 .border-radius(@start-end: 0, @end-end: 0, @start-start: 0, @end-start: 0) {
-  border-start-end-radius  : @start-end;
-  border-end-end-radius    : @end-end;
+  border-start-end-radius: @start-end;
+  border-end-end-radius: @end-end;
   border-start-start-radius: @start-start;
-  border-end-start-radius  : @end-start;
+  border-end-start-radius: @end-start;
 }
 
 .start-radius() {
   border-start-start-radius: var(--zaui-border-radius, 4px);
-  border-end-start-radius  : var(--zaui-border-radius, 4px);
+  border-end-start-radius: var(--zaui-border-radius, 4px);
 }
 
 .end-radius() {
   border-start-end-radius: var(--zaui-border-radius, 4px);
-  border-end-end-radius  : var(--zaui-border-radius, 4px);
+  border-end-end-radius: var(--zaui-border-radius, 4px);
 }
 
 .pro-group {
@@ -39,7 +39,6 @@
     }
 
     .@{ant-prefix}-form-item {
-
       margin-bottom: 0 !important;
     }
   }
@@ -49,19 +48,38 @@
   }
 
   .@{ant-prefix}-space-compact {
+    flex: auto;
     align-items: center;
-    flex       : auto;
-    width      : 100%;
+    width: 100%;
+
+    &>.@{ant-prefix}-input-number{
+      &:first-child{
+        border-end-end-radius: 0;
+        border-start-end-radius: 0;
+      }
+      &:last-child{
+        border-start-start-radius: 0;
+        border-end-start-radius: 0;
+        margin-left: -1px;
+      }
+    }
 
     .@{ant-prefix}-form-item {
       margin-bottom: 0 !important;
     }
 
     .group-separator {
-      margin-inline-end        : -2px;
-      margin-inline-start      : -1px;
+      margin-inline-end: -2px;
+      margin-inline-start: -1px;
       border-start-start-radius: 0;
-      border-end-start-radius  : 0;
+      border-end-start-radius: 0;
+    }
+    .pro-modal-select {
+      margin-left: -1px;
+      .@{ant-prefix}-input{
+        border-start-start-radius: 0;
+        border-end-start-radius: 0;
+      }
     }
 
     // 定制内敛合并样式
@@ -69,16 +87,16 @@
     .@{ant-prefix}-select {
       .border-radius(0, 0, 0, 0);
 
-      &:nth-child(n+2) {
-        margin-inline-start: -1px
+      &:nth-child(n + 2) {
+        margin-inline-start: -1px;
       }
 
       &:first-child {
-        .start-radius()
+        .start-radius();
       }
 
       &:last-child {
-        .end-radius()
+        .end-radius();
       }
     }
 
@@ -89,22 +107,21 @@
 
       &:first-child {
         .@{ant-prefix}-select-selector {
-          .start-radius()
+          .start-radius();
         }
       }
 
       &:last-child {
         .@{ant-prefix}-select-selector {
-          .end-radius()
+          .end-radius();
         }
       }
-
     }
 
     // 报错样式定制
-    .@{ant-prefix}-input-affix-wrapper-status-error~.group-separator {
+    .@{ant-prefix}-input-affix-wrapper-status-error ~ .group-separator {
+      color: var(--ant-error-color);
       border-color: var(--ant-error-color);
-      color       : var(--ant-error-color);
     }
   }
-}
+}

package/es/ProForm/components/combination/ProModalSelect/index.js

@@ -18,7 +18,7 @@ var _excluded = ["value", "onChange", "disabled", "labelInValue", "fieldNames",
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { CloseOutlined, SearchOutlined } from '@ant-design/icons';
 import { useMount, useSetState } from 'ahooks';
-import { cloneDeep, isArray, isEqual, isFunction } from 'lodash';
+import { cloneDeep, isArray, isEqual, isFunction, omit } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo } from 'react';
 import { ProForm, ProDrawerForm, ProTable, useProConfig } from '../../../../index';
@@ -652,7 +652,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       disabled: disabled,
       addonAfter: forceAddonAfterRender(),
       autoComplete: "off"
-    }, restInputProps)), _jsx(_Input, {
+    }, omit(restInputProps, ['otherProps']))), _jsx(_Input, {
       type: "hidden",
       value: value
     })]

package/es/ProForm/components/render/Render.js

@@ -251,9 +251,10 @@ var Render = function Render(props) {
       ((_AutoComponent$props$ = (_AutoComponent$props = AutoComponent === null || AutoComponent === void 0 ? void 0 : AutoComponent.props)[changeKey]) === null || _AutoComponent$props$ === void 0 ? void 0 : _AutoComponent$props$.call.apply(_AutoComponent$props$, [_AutoComponent$props].concat(_toConsumableArray(_args)))) || ((_lastComponentProps$c = lastComponentProps[changeKey]) === null || _lastComponentProps$c === void 0 ? void 0 : _lastComponentProps$c.call.apply(_lastComponentProps$c, [lastComponentProps].concat(_toConsumableArray(_args))));
       return false;
     }
-    // Group默认校验, 延时校验解决值未同步最新的问题
+    // Group默认校验, 延时与重新setFieldValue，为了解决校验值未同步最新的问题,
     if (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames) {
       setTimeout(function () {
+        form.setFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames, form.getFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames));
         form.validateFields([formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames]);
       }, 60);
     }

package/es/ProForm/style/index.less

@@ -56,7 +56,8 @@
     visibility: unset;
   }
 
-  .@{ant-prefix}-input-affix-wrapper:hover span.@{ant-prefix}-input-clear-icon[class~='ant-input-clear-icon-hidden'] {
+  .@{ant-prefix}-input-affix-wrapper:hover
+    span.@{ant-prefix}-input-clear-icon[class~='ant-input-clear-icon-hidden'] {
     display: unset;
     visibility: hidden;
   }
@@ -140,9 +141,9 @@
         }
       }
 
-      .@{ant-prefix}-form-item-control-input-content > span {
-        background: @zaui-contract-bg;
+      .@{ant-prefix}-form-item-control-input-content > .pro-form-view-container {
         padding: 4px 8px;
+        background: @zaui-contract-bg;
         border-radius: 4px;
       }
     }
@@ -306,7 +307,7 @@
 
   div.pro-form-custom-footer {
     width: unset !important;
-    height:32px;
+    height: 32px;
     margin-bottom: calc(var(--zaui-height-size-md, 16px) * var(--zaui-size, 1));
 
     &.pro-form-custom-footer-hidden {

package/es/ProForm/utils/contrastOriginal.d.ts

@@ -1,6 +1,5 @@
 import { FormInstance } from 'antd';
 interface Params {
-    originalValues: any;
     originalValue: any;
     value: any;
     form: FormInstance;

package/es/ProForm/utils/contrastOriginal.js

@@ -2,7 +2,6 @@ import { isEqual, isFunction } from 'lodash';
 var nullValue = [null, undefined, '']; // 输入框空值时可能存在的三种值 视为相等
 export var contrastOriginal = function contrastOriginal(params) {
   var originalValue = params.originalValue,
-    originalValues = params.originalValues,
     value = params.value,
     equalWith = params.equalWith;
   // 支持传入自定义比较事件

package/es/ProForm/utils/useChanged.d.ts

@@ -1,15 +1,8 @@
-import { FormInstance } from 'antd';
-import { NamePath } from 'antd/lib/form/interface';
-interface Params {
-    name?: NamePath;
-    names?: NamePath[];
-    namesStr?: NamePath;
-    originalName?: NamePath;
-    originalNames?: NamePath[];
-    originalNameStr?: NamePath;
+export declare const useChanged: ({ name, names, namesStr, originalValues, form, equalWith }: {
+    name: any;
+    names: any;
+    namesStr: any;
     originalValues: any;
-    form: FormInstance;
-    equalWith?: (originalValue: any, currentValue: any) => boolean;
-}
-export declare const useChanged: (params: Params) => any[];
-export {};
+    form: any;
+    equalWith: any;
+}) => any[];

package/es/ProForm/utils/useChanged.js

@@ -2,30 +2,23 @@ import "antd/es/form/style";
 import _Form from "antd/es/form";
 import { get } from 'lodash';
 import { contrastOriginal } from './contrastOriginal';
-export var useChanged = function useChanged(params) {
-  var name = params.name,
-    names = params.names,
-    namesStr = params.namesStr,
-    _params$originalName = params.originalName,
-    originalName = _params$originalName === void 0 ? name : _params$originalName,
-    _params$originalNames = params.originalNames,
-    originalNames = _params$originalNames === void 0 ? names : _params$originalNames,
-    originalValues = params.originalValues,
-    form = params.form,
-    equalWith = params.equalWith;
-  var _form = form;
-  var originalValue = (originalNames === null || originalNames === void 0 ? void 0 : originalNames.length) ? originalNames.map(function (originalName) {
-    return get(originalValues, originalName);
-  }) : get(originalValues, originalName);
+export var useChanged = function useChanged(_ref) {
+  var name = _ref.name,
+    names = _ref.names,
+    namesStr = _ref.namesStr,
+    originalValues = _ref.originalValues,
+    form = _ref.form,
+    equalWith = _ref.equalWith;
+  var originalValue = (names === null || names === void 0 ? void 0 : names.length) ? names.map(function (name) {
+    return get(originalValues, name);
+  }) : get(originalValues, name);
   var notWatch = !originalValues || originalValue === undefined;
-  // @ts-ignore
-  if (notWatch) _form = [];
-  var value = _Form.useWatch(namesStr || name, _form);
+  if (notWatch) form = [];
+  var value = _Form.useWatch(namesStr || name, form);
   if (notWatch) return [false];
   var changed = contrastOriginal({
-    value: value,
     originalValue: originalValue,
-    originalValues: originalValues,
+    value: value,
     form: form,
     equalWith: equalWith
   });

package/es/ProForm/utils/useListChanged.d.ts

@@ -0,0 +1,16 @@
+import { FormInstance } from 'antd';
+import { InternalNamePath, NamePath } from 'antd/lib/form/interface';
+interface Params {
+    name?: NamePath;
+    names?: NamePath[];
+    namesStr?: NamePath;
+    originalName?: NamePath;
+    originalNames?: NamePath[];
+    originalNameStr?: NamePath;
+    originalValues: any;
+    form: FormInstance;
+    rowKeyPath?: InternalNamePath;
+    equalWith?: (originalValue: any, currentValue: any) => boolean;
+}
+export declare const useListChanged: (params: Params) => any[];
+export {};

package/es/ProForm/utils/useListChanged.js

@@ -0,0 +1,81 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import { get } from 'lodash';
+import { contrastOriginal } from './contrastOriginal';
+var toNamePath = function toNamePath(name) {
+  if (Array.isArray(name)) {
+    return name;
+  }
+  return [name];
+};
+var toNamePaths = function toNamePaths(names) {
+  return names.map(function (name) {
+    return toNamePath(name);
+  });
+};
+var getOriginalValue = function getOriginalValue(_ref) {
+  var namePath = _ref.namePath,
+    originalName = _ref.originalName,
+    originalNames = _ref.originalNames,
+    originalValues = _ref.originalValues,
+    rowKeyPath = _ref.rowKeyPath,
+    form = _ref.form;
+  if (!originalValues) {
+    return undefined;
+  }
+  if (rowKeyPath) {
+    var rowValueNamePath = namePath.slice(0, rowKeyPath.length - 1); // 表单中变动值所在行
+    var rowKeyName = rowKeyPath[rowKeyPath.length - 1]; // rowKey在行内的name
+    var rowValue = form.getFieldValue(rowValueNamePath);
+    var keyValue = rowValue[rowKeyName]; // 获取表单中rowKey值
+    if (!keyValue) return undefined;
+    var originalValueList = get(originalValues, originalName.slice(0, rowKeyPath.length - 2));
+    var originalValueRow = originalValueList.find(function (item) {
+      return item[rowKeyPath[rowKeyPath.length - 1]] === keyValue;
+    });
+    var originalValue = (originalNames === null || originalNames === void 0 ? void 0 : originalNames.length) ? originalNames.map(function (originalName) {
+      return get(originalValueRow, originalName.slice(rowKeyPath.length - 1));
+    }) : get(originalValueRow, originalName.slice(rowKeyPath.length - 1));
+    return originalValue;
+  }
+  return (originalNames === null || originalNames === void 0 ? void 0 : originalNames.length) ? originalNames.map(function (originalName) {
+    return get(originalValues, originalName);
+  }) : get(originalValues, originalName);
+};
+export var useListChanged = function useListChanged(params) {
+  var name = params.name,
+    names = params.names,
+    namesStr = params.namesStr,
+    _params$originalName = params.originalName,
+    originalName = _params$originalName === void 0 ? name : _params$originalName,
+    _params$originalNames = params.originalNames,
+    originalNames = _params$originalNames === void 0 ? names : _params$originalNames,
+    originalValues = params.originalValues,
+    form = params.form,
+    equalWith = params.equalWith,
+    rowKeyPath = params.rowKeyPath;
+  // let _form = form;
+  var namePath = toNamePath(namesStr || name);
+  var originalNamePath = toNamePath(originalName);
+  var originalNamePaths = originalNames && toNamePaths(originalNames);
+  var originalValue = getOriginalValue({
+    namePath: namePath,
+    originalName: originalNamePath,
+    originalNames: originalNamePaths,
+    originalValues: originalValues,
+    rowKeyPath: rowKeyPath,
+    form: form
+  });
+  var notWatch = !originalValues || originalValue === undefined;
+  // @ts-ignore
+  // if (notWatch) _form = [];
+  var value = _Form.useWatch(namePath, form);
+  if (notWatch) return [false];
+  var changed = contrastOriginal({
+    value: value,
+    originalValue: originalValue,
+    form: form,
+    equalWith: equalWith
+  });
+  return [changed, originalValue];
+};

package/es/ProLayout/components/Layout/Menu/FoldMenu/index.js

@@ -26,7 +26,8 @@ var FoldMenu = function FoldMenu(props) {
     'pro-layout-menu-tooltip-nav-open': collapsed
   });
   var _useContext = useContext(LayoutContext),
-    selectedPath = _useContext.selectedPath;
+    selectedPath = _useContext.selectedPath,
+    onSelected = _useContext.onSelected;
   return _jsx("div", {
     className: "pro-layout-menu-fold",
     style: _objectSpread({}, style),
@@ -94,10 +95,17 @@ var FoldMenu = function FoldMenu(props) {
         }, "".concat(id, "-").concat(name)) : !collapsed ? _jsx(_Tooltip, {
           placement: "right",
           title: name,
-          children: _jsx(Link, {
-            to: toPath,
-            children: LiNode
-          }, toPath)
+          children: _jsx("span", {
+            onClick: function onClick() {
+              onSelected({
+                selectedPath: toPath
+              });
+            },
+            children: _jsx(Link, {
+              to: toPath,
+              children: LiNode
+            }, toPath)
+          })
         }, toPath) : _jsx(Link, {
           to: toPath,
           children: LiNode