@zat-design/sisyphus-react 3.13.19-beta.6 → 3.13.19-beta.8

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

@@ -1,21 +1,20 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _get from "lodash/get";
 var _excluded = ["name", "names", "namesStr", "form", "onDiff", "children", "type", "diffConfig", "valuePropName", "normalize", "getValueProps", "viewRender"];
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
+import { get } from 'lodash';
 import React, { useMemo } from 'react';
-import { diffOriginal } from '../../utils/diffOriginal';
-import { useProConfig } from '../../../ProConfigProvider';
-import { isEmpty } from '../../../utils';
+import { diffOriginal } from "../../utils/diffOriginal";
+import { useProConfig } from "../../../ProConfigProvider";
+import { isEmpty } from "../../../utils";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 var componentsWithFloatWindow = ['Select', 'ProSelect', 'ProEnum', 'ProTimeLimit', 'ProModalSelect', 'ProCascader', 'DataPicker', 'RangePicker', 'TimePicker'];
-var ChangedWrapper = function ChangedWrapper(props) {
+var ChangedWrapper = props => {
   var _diffConfig$toolTip, _children$props, _children$props2, _children$props3;
   var name = props.name,
     names = props.names,
@@ -40,16 +39,16 @@ var ChangedWrapper = function ChangedWrapper(props) {
     scrollFollowParent = _diffConfig$scrollFol === void 0 ? true : _diffConfig$scrollFol;
   var toolTip = (_diffConfig$toolTip = diffConfig.toolTip) !== null && _diffConfig$toolTip !== void 0 ? _diffConfig$toolTip : true;
   var isWatch = toolTip && !['FormList', 'ProEditTable'].includes(type);
-  var originalValue = (names === null || names === void 0 ? void 0 : names.length) ? names.map(function (name) {
-    return _get(originalValues, name);
-  }) : _get(originalValues, name);
+  var originalValue = names !== null && names !== void 0 && names.length ? names.map(name => get(originalValues, name)) : get(originalValues, name);
   var noChange = !onDiff && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
-  var diffType = useMemo(function () {
+  var diffType = useMemo(() => {
     if (!isWatch || noChange) return 'same';
     var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
     : props[valuePropName];
+
     // fix:修复 DatePicker时，originalValue与最新值一致时，显示为 changed的问题
     var _originalValue = normalize && ['DatePicker'].includes(props.type) ? normalize(originalValue, undefined, undefined, true) : originalValue;
+
     // fix:修复 InputNumber 时，originalValue与最新值一致都为'0'时，显示为 changed的问题
     if (['InputNumber'].includes(props.type) && normalize && _value === Number(originalValue)) {
       return 'same';
@@ -57,27 +56,28 @@ var ChangedWrapper = function ChangedWrapper(props) {
     return diffOriginal({
       value: _value,
       originalValue: _originalValue,
-      form: form,
-      onDiff: onDiff,
+      form,
+      onDiff,
       type: props.type
     });
-  }, [isWatch, noChange, props[valuePropName], originalValue, _typeof(onDiff)]);
+  }, [isWatch, noChange, props[valuePropName], originalValue, typeof onDiff]);
   var isAdd = diffType === 'add';
   var isChanged = diffType === 'changed';
-  var tipContent = useMemo(function () {
+  var tipContent = useMemo(() => {
     if (!isWatch || noChange) return undefined;
     var valueProps = getValueProps ? getValueProps(originalValue, true) : {
       value: originalValue
     };
     if (viewRender) {
       return viewRender(valueProps === null || valueProps === void 0 ? void 0 : valueProps.value, originalValues, {
-        form: form
+        form
       });
     }
-    return /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, children.props), {}, _defineProperty({
-      isView: true
-    }, valuePropName, valueProps === null || valueProps === void 0 ? void 0 : valueProps.value))) : undefined;
-  }, [_typeof(viewRender), originalValue, children]);
+    return /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, children.props), {}, {
+      isView: true,
+      [valuePropName]: valueProps === null || valueProps === void 0 ? void 0 : valueProps.value
+    })) : undefined;
+  }, [typeof viewRender, originalValue, children]);
   if (!isWatch || noChange) {
     // 嵌套子组件
     var isNestedField = ['ProEditTable'].includes(type);
@@ -85,9 +85,11 @@ var ChangedWrapper = function ChangedWrapper(props) {
       originalValues: isNestedField ? originalValues : undefined
     }, children.props), rest));
   }
+
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  var tipOpenCalc = function tipOpenCalc() {
+  var tipOpenCalc = () => {
     if (!toolTip) return false;
+
     // 传入undefined 鼠标移入显示移出隐藏 获得焦点时不显示气泡
     return isChanged ? undefined : false;
   };
@@ -95,6 +97,7 @@ var ChangedWrapper = function ChangedWrapper(props) {
     '--zaui-contract-bg': changeTipColor,
     '--zaui-contract-bg-add': addTipColor
   };
+
   // @ts-ignore
   var _showEllipse = ((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.showEllipse) || ((_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.tooltip);
   var diffClassName = classNames({
@@ -103,31 +106,29 @@ var ChangedWrapper = function ChangedWrapper(props) {
   });
   var open = tipOpenCalc();
   var scrollFollowParentConfig = componentsWithFloatWindow.includes(type) ? {
-    scrollFollowParent: scrollFollowParent
+    scrollFollowParent
   } : {};
-  return _jsx(_Tooltip, {
+  return /*#__PURE__*/_jsx(_Tooltip, {
     open: open,
-    getPopupContainer: function getPopupContainer(trigger) {
-      return scrollFollowParent ? trigger.parentElement : document.body;
-    },
+    getPopupContainer: trigger => scrollFollowParent ? trigger.parentElement : document.body,
     overlayClassName: "original-value-tooltip",
     placement: "topLeft",
     autoAdjustOverflow: false,
-    title: _jsxs(_Space, {
+    title: /*#__PURE__*/_jsxs(_Space, {
       direction: "vertical",
       className: "changed-tooltip",
-      children: [_jsxs(_Space, {
+      children: [/*#__PURE__*/_jsxs(_Space, {
         align: "start",
         className: "original-value-container",
         children: ["\u521D\u59CB\u503C\uFF1A", tipContent]
-      }), _showEllipse && _jsxs(_Space, {
+      }), _showEllipse && /*#__PURE__*/_jsxs(_Space, {
         className: "current-value-container",
         children: ["\u5F53\u524D\u503C\uFF1A", /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, children.props), rest), scrollFollowParentConfig), {}, {
           isView: true
         })) : undefined]
       })]
     }),
-    children: _jsx("div", {
+    children: /*#__PURE__*/_jsx("div", {
       className: diffClassName,
       style: style,
       children: /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, children.props), rest), scrollFollowParentConfig), {}, {

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

@@ -4,17 +4,17 @@ import "antd/es/modal/style";
 import _Modal from "antd/es/modal";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _isObject from "lodash/isObject";
-import _isFunction from "lodash/isFunction";
 var _excluded = ["onChange", "children", "confirm"];
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { isFunction, isObject } from 'lodash';
 import React from 'react';
-import ProForm from '../../index';
+import ProForm from "../../index";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 var defaultConfirmProps = {
   title: '操作提示',
   content: '确定要修改该字段吗？'
 };
-var ConfirmWrapper = function ConfirmWrapper(props) {
+var ConfirmWrapper = props => {
   var onChange = props.onChange,
     children = props.children,
     confirm = props.confirm,
@@ -22,7 +22,7 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
   var otherProps = ProForm.useFieldProps() || props.otherProps;
   var form = otherProps.form;
   var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(value) {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(value) {
       var _len,
         other,
         _key,
@@ -35,15 +35,15 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
             for (_len = _args2.length, other = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
               other[_key - 1] = _args2[_key];
             }
-            _value = (value === null || value === void 0 ? void 0 : value.target) ? value.target.value : value;
-            if (!_isFunction(confirm)) {
+            _value = value !== null && value !== void 0 && value.target ? value.target.value : value;
+            if (!isFunction(confirm)) {
               _context2.next = 8;
               break;
             }
             _context2.next = 5;
             return confirm(value, form.getFieldsValue(), {
               option: other[0],
-              form: form,
+              form,
               namePath: otherProps.namePath,
               name: otherProps.name,
               index: otherProps.index,
@@ -59,19 +59,17 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
             confirmProps = _context2.t0;
             // 只处理 false, true 和 对象的情况
             if (confirmProps === false) {
-              onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
+              onChange === null || onChange === void 0 || onChange(_value, ...other);
             }
             if (confirmProps === true) {
               _Modal.confirm(_objectSpread(_objectSpread({}, defaultConfirmProps), {}, {
-                onOk: function onOk() {
-                  return onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
-                }
+                onOk: () => onChange === null || onChange === void 0 ? void 0 : onChange(_value, ...other)
               }));
             }
-            if (_isObject(confirmProps)) {
+            if (isObject(confirmProps)) {
               _Modal.confirm(_objectSpread(_objectSpread(_objectSpread({}, 'title' in confirmProps || 'content' in confirmProps ? {} : defaultConfirmProps), confirmProps), {}, {
                 onOk: function () {
-                  var _onOk = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                  var _onOk = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
                     var _confirmProps$onOk;
                     var _len2,
                       arg,
@@ -84,9 +82,9 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
                             arg[_key2] = _args[_key2];
                           }
                           _context.next = 3;
-                          return (_confirmProps$onOk = confirmProps.onOk) === null || _confirmProps$onOk === void 0 ? void 0 : _confirmProps$onOk.call.apply(_confirmProps$onOk, [confirmProps].concat(arg));
+                          return (_confirmProps$onOk = confirmProps.onOk) === null || _confirmProps$onOk === void 0 ? void 0 : _confirmProps$onOk.call(confirmProps, ...arg);
                         case 3:
-                          onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
+                          onChange === null || onChange === void 0 || onChange(_value, ...other);
                         case 4:
                         case "end":
                           return _context.stop();
@@ -110,7 +108,7 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
       return _ref.apply(this, arguments);
     };
   }();
-  return _jsx(_Fragment, {
+  return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, rest), {}, {
       // @ts-ignore
       value: rest.value === undefined ? null : rest.value,