@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

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

@@ -1,8 +1,14 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useSetState, useDeepCompareEffect } from 'ahooks';
-import { Button, Input, InputNumber, Space } from 'antd';
 import { isEqual, isEmpty } from 'lodash';
 import { memo } from 'react';
 import classnames from 'classnames';
@@ -13,12 +19,12 @@ import ProForm from "../../../../ProForm";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var formatAmount = tools.formatAmount;
-var ProNumberRange = function ProNumberRange(props) {
-  var _document$querySelect, _valueProps, _ref2, _ref3, _value$, _valueProps2, _ref4, _ref5, _value$2, _valueProps3, _valueProps4;
+var ProNumberRange = props => {
+  var _valueProps, _ref2, _ref3, _value$, _valueProps2, _ref4, _ref5, _value$2, _valueProps3, _valueProps4;
   var _props$value = props.value,
     value = _props$value === void 0 ? [] : _props$value,
     _props$onChange = props.onChange,
-    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    onChange = _props$onChange === void 0 ? () => {} : _props$onChange,
     _props$min = props.min,
     min = _props$min === void 0 ? 0 : _props$min,
     max = props.max,
@@ -30,16 +36,16 @@ var ProNumberRange = function ProNumberRange(props) {
     childProps = props.childProps,
     addonBefore = props.addonBefore,
     addonAfter = props.addonAfter,
-    _props$separator = props.separator,
-    separator = _props$separator === void 0 ? '~' : _props$separator,
     inValueType = props.valueType,
+    _props$split = props.split,
+    split = _props$split === void 0 ? '~' : _props$split,
     id = props.id;
   var _ref = ProForm.useFieldProps() || {},
     isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty,
     valueType = _ref.valueType;
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
-  var addonAfterDomWidth = (_document$querySelect = document.querySelector('.ant-input-number-group-addon')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.clientWidth;
+
   var _useSetState = useSetState({
       range: value || []
     }),
@@ -47,7 +53,7 @@ var ProNumberRange = function ProNumberRange(props) {
     range = _useSetState2[0].range,
     setState = _useSetState2[1];
   var valueProps = {};
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     // 同步value值
     if (Array.isArray(value)) {
       setState({
@@ -55,45 +61,39 @@ var ProNumberRange = function ProNumberRange(props) {
       });
     }
   }, [value]);
-  var firstHandleChange = function firstHandleChange(val) {
+  var firstHandleChange = val => {
     range[0] = val;
-    var isEmptyArray = range.every(function (item) {
-      return !item && item !== 0;
-    });
+    var isEmptyArray = range.every(item => !item && item !== 0);
     if (isEmptyArray) {
       onChange([]);
     } else {
-      onChange(_toConsumableArray(range));
+      onChange([...range]);
     }
     setState({
-      range: range
+      range
     });
   };
-  var lastHandleChange = function lastHandleChange(val) {
+  var lastHandleChange = val => {
     range[1] = val;
-    var isEmptyArray = range.every(function (item) {
-      return !item && item !== 0;
-    });
+    var isEmptyArray = range.every(item => !item && item !== 0);
     if (isEmptyArray) {
       onChange([]);
     } else {
-      onChange(_toConsumableArray(range));
+      onChange([...range]);
     }
     setState({
-      range: range
+      range
     });
   };
   var cls = classnames({
     'pro-number-range': true,
     'pro-number-range-disabled': disabled,
-    className: className
+    className
   });
 
   // 查看模式
   if (isView || props.isView) {
-    if (isEmpty(value) || value !== null && value !== void 0 && value.every(function (item) {
-      return typeof item !== 'number';
-    })) {
+    if (isEmpty(value) || value !== null && value !== void 0 && value.every(item => typeof item !== 'number')) {
       return viewEmpty;
     }
     switch (valueType) {
@@ -102,25 +102,53 @@ var ProNumberRange = function ProNumberRange(props) {
       case 'percentage':
         return /*#__PURE__*/_jsx(Container, {
           viewEmpty: viewEmpty,
-          children: "".concat(formatAmount(value[0], precision || decimal), " ").concat(separator, " ").concat(formatAmount(value[1], precision || decimal))
+          children: /*#__PURE__*/_jsxs(_Space, {
+            split: split,
+            children: [/*#__PURE__*/_jsx("span", {
+              children: formatAmount(value[0], precision || decimal)
+            }), /*#__PURE__*/_jsx("span", {
+              children: formatAmount(value[1], precision || decimal)
+            })]
+          })
         });
       // 千分比
       case 'permillage':
         return /*#__PURE__*/_jsx(Container, {
           viewEmpty: viewEmpty,
-          children: "".concat(formatAmount(value[0], precision || decimal), " ").concat(separator, " ").concat(formatAmount(value[1], precision || decimal))
+          children: /*#__PURE__*/_jsxs(_Space, {
+            split: split,
+            children: [/*#__PURE__*/_jsx("span", {
+              children: formatAmount(value[0], precision || decimal)
+            }), /*#__PURE__*/_jsx("span", {
+              children: formatAmount(value[1], precision || decimal)
+            })]
+          })
         });
       // 千分位
       case 'amount':
       case 'thousandth':
         return /*#__PURE__*/_jsx(Container, {
           viewEmpty: viewEmpty,
-          children: "".concat(formatAmount(value[0], precision || decimal), " ").concat(separator, " ").concat(formatAmount(value[1], precision || decimal))
+          children: /*#__PURE__*/_jsxs(_Space, {
+            split: split,
+            children: [/*#__PURE__*/_jsx("span", {
+              children: formatAmount(value[0], precision || decimal)
+            }), /*#__PURE__*/_jsx("span", {
+              children: formatAmount(value[1], precision || decimal)
+            })]
+          })
         });
       default:
         return /*#__PURE__*/_jsx(Container, {
           viewEmpty: viewEmpty,
-          children: "".concat(value[0] || '-', " ").concat(separator, " ").concat(value[1] || '-')
+          children: /*#__PURE__*/_jsxs(_Space, {
+            split: split,
+            children: [/*#__PURE__*/_jsx("span", {
+              children: value[0] || '-'
+            }), /*#__PURE__*/_jsx("span", {
+              children: value[1] || '-'
+            })]
+          })
         });
     }
   }
@@ -131,15 +159,13 @@ var ProNumberRange = function ProNumberRange(props) {
       case 'thousandth':
       case 'amount':
         valueProps = {
-          formatter: function formatter(value) {
+          formatter: value => {
             return typeof value === 'number' || value ? Number(value).toLocaleString('zh-CN', {
               minimumFractionDigits: precision !== null && precision !== void 0 ? precision : null,
               maximumFractionDigits: precision !== null && precision !== void 0 ? precision : 9
             }) : value;
           },
-          parser: function parser(value) {
-            return value.replace(/\$\s?|(,*)/g, '');
-          }
+          parser: value => value.replace(/\$\s?|(,*)/g, '')
         };
         break;
       // 百分比
@@ -170,53 +196,53 @@ var ProNumberRange = function ProNumberRange(props) {
    * @param disabled 禁用值
    * @param index 位置
    */
-  var getDisabled = function getDisabled(disabled, index) {
+  var getDisabled = (disabled, index) => {
     var result = disabled;
     if (Array.isArray(disabled)) {
       result = disabled[index];
     }
     return result;
   };
-  return /*#__PURE__*/_jsx(Space, {
+  return /*#__PURE__*/_jsx(_Space, {
     className: cls,
-    children: /*#__PURE__*/_jsxs(Space.Compact, {
-      children: [/*#__PURE__*/_jsx(InputNumber, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsxs(_Space.Compact, {
+      children: [/*#__PURE__*/_jsx(_InputNumber, _objectSpread(_objectSpread({
         id: id,
         className: "range-left",
         value: (value === null || value === void 0 ? void 0 : value[0]) || range[0],
-        placeholder: "".concat(locale.ProForm.inputPlaceholder),
+        placeholder: `${locale.ProForm.inputPlaceholder}`,
         precision: precision,
         disabled: getDisabled(disabled, 0),
-        onChange: function onChange(e) {
+        onChange: e => {
           firstHandleChange(e);
         }
       }, valueProps), {}, {
         min: min !== null && min !== void 0 ? min : (_valueProps = valueProps) === null || _valueProps === void 0 ? void 0 : _valueProps.min,
         max: (_ref2 = (_ref3 = (_value$ = value === null || value === void 0 ? void 0 : value[1]) !== null && _value$ !== void 0 ? _value$ : range[1]) !== null && _ref3 !== void 0 ? _ref3 : max) !== null && _ref2 !== void 0 ? _ref2 : (_valueProps2 = valueProps) === null || _valueProps2 === void 0 ? void 0 : _valueProps2.max
-      }, childProps === null || childProps === void 0 ? void 0 : childProps[0])), addonBefore ? /*#__PURE__*/_jsx(Button, {
+      }, childProps === null || childProps === void 0 ? void 0 : childProps[0])), addonBefore ? /*#__PURE__*/_jsx(_Button, {
         disabled: true,
         className: "range-addon-before",
         children: addonBefore
-      }) : null, /*#__PURE__*/_jsx(Input, {
+      }) : null, /*#__PURE__*/_jsx(_Input, {
         className: classnames({
           'range-split': true,
           'range-split-disabled': !!disabled
         }),
-        placeholder: "~",
+        placeholder: split,
         disabled: true
-      }), /*#__PURE__*/_jsx(InputNumber, _objectSpread(_objectSpread({
+      }), /*#__PURE__*/_jsx(_InputNumber, _objectSpread(_objectSpread({
         className: "range-right",
         value: (value === null || value === void 0 ? void 0 : value[1]) || range[1],
-        placeholder: "".concat(locale.ProForm.inputPlaceholder),
+        placeholder: `${locale.ProForm.inputPlaceholder}`,
         precision: precision,
         disabled: getDisabled(disabled, 1),
-        onChange: function onChange(e) {
+        onChange: e => {
           lastHandleChange(e);
         }
       }, valueProps), {}, {
         min: (_ref4 = (_ref5 = (_value$2 = value === null || value === void 0 ? void 0 : value[0]) !== null && _value$2 !== void 0 ? _value$2 : range[0]) !== null && _ref5 !== void 0 ? _ref5 : min) !== null && _ref4 !== void 0 ? _ref4 : (_valueProps3 = valueProps) === null || _valueProps3 === void 0 ? void 0 : _valueProps3.min,
         max: max !== null && max !== void 0 ? max : (_valueProps4 = valueProps) === null || _valueProps4 === void 0 ? void 0 : _valueProps4.max
-      }, childProps === null || childProps === void 0 ? void 0 : childProps[1])), addonAfter ? /*#__PURE__*/_jsx(Button, {
+      }, childProps === null || childProps === void 0 ? void 0 : childProps[1])), addonAfter ? /*#__PURE__*/_jsx(_Button, {
         disabled: true,
         className: "range-addon-after",
         children: addonAfter
@@ -224,7 +250,7 @@ var ProNumberRange = function ProNumberRange(props) {
     })
   });
 };
-export default /*#__PURE__*/memo(ProNumberRange, function (prevProps, nextProps) {
+export default /*#__PURE__*/memo(ProNumberRange, (prevProps, nextProps) => {
   // 基本props比较 只比较关键的
   if (!isEqual(prevProps === null || prevProps === void 0 ? void 0 : prevProps.value, nextProps === null || nextProps === void 0 ? void 0 : nextProps.value) || (prevProps === null || prevProps === void 0 ? void 0 : prevProps.disabled) !== (nextProps === null || nextProps === void 0 ? void 0 : nextProps.disabled) || !isEqual(prevProps === null || prevProps === void 0 ? void 0 : prevProps.childProps, nextProps === null || nextProps === void 0 ? void 0 : nextProps.childProps)) {
     return false;

package/es/ProForm/components/combination/ProNumberRange/propsType.d.ts

@@ -71,9 +71,10 @@ export interface ProNumberRangeType {
      * @default           '-'
      */
     /**
-     * 查看分割符
+     * @description       查看分割符
+     * @default           '-'
      */
-    separator?: React.ReactNode | string;
+    split?: React.ReactNode | string;
     childProps?: any[];
     otherProps?: ProFormOtherType;
     id?: string;

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

@@ -1,7 +1,7 @@
 .pro-number-range {
   display: block;
   .@{ant-prefix}-space-compact {
-    display: block;
+    display: flex;
   }
   .range-split {
     min-width: 32px;

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

@@ -1,10 +1,14 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["disabled", "foreverText", "foreverDate", "format", "otherProps", "separator", "limit"];
 import React, { useMemo, useState } from 'react';
-import { DatePicker, Checkbox, Space } from 'antd';
 import { omit, isFunction, uniq, isObject } from 'lodash';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
@@ -15,7 +19,7 @@ import ProForm from "../../../../ProForm";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 var defaultPickerValue = [dayjs(), dayjs()];
-var useControlled = function useControlled(props) {
+var useControlled = props => {
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -23,7 +27,7 @@ var useControlled = function useControlled(props) {
   if ('value' in props) {
     var _props$value, _props$value2;
     var internalValue = [((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value[0]) && dayjs(props.value[0], props.format), ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2[1]) && dayjs(props.value[1], props.format)];
-    var handleChange = function handleChange(value, other) {
+    var handleChange = (value, other) => {
       if (!value) {
         props === null || props === void 0 || props.onChange(value, other);
       } else {
@@ -42,8 +46,8 @@ var useControlled = function useControlled(props) {
   // @ts-ignore
   return [value, setValue];
 };
-var RangePicker = DatePicker.RangePicker;
-var ProRangeLimit = function ProRangeLimit(props) {
+var RangePicker = _DatePicker.RangePicker;
+var ProRangeLimit = props => {
   var disabled = props.disabled,
     _props$foreverText = props.foreverText,
     foreverText = _props$foreverText === void 0 ? locale.ProTimeLimit.foreverText : _props$foreverText,
@@ -63,7 +67,7 @@ var ProRangeLimit = function ProRangeLimit(props) {
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
 
   var _useControlled = useControlled(_objectSpread(_objectSpread({}, props), {}, {
-      format: format
+      format
     })),
     _useControlled2 = _slicedToArray(_useControlled, 2),
     value = _useControlled2[0],
@@ -96,14 +100,12 @@ var ProRangeLimit = function ProRangeLimit(props) {
   if (isFunction(format)) {
     tempFormat = [];
   }
-  var _format = uniq([].concat(_toConsumableArray(tempFormat), ['YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD'])).filter(function (formatKey) {
-    return !!formatKey;
-  });
+  var _format = uniq([...tempFormat, 'YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD']).filter(formatKey => !!formatKey);
   var _defaultShowTime = {
     format: 'HH:mm:ss'
   };
-  var _isForever = useMemo(function () {
-    var foreverDayjs = function () {
+  var _isForever = useMemo(() => {
+    var foreverDayjs = (() => {
       // 使用健壮的日期解析方式
       var result = dayjs(_foreverDate);
       if (!result.isValid()) {
@@ -114,10 +116,10 @@ var ProRangeLimit = function ProRangeLimit(props) {
         result = dayjs('9999-01-01');
       }
       return result;
-    }();
+    })();
     return foreverDayjs.isSame(endDate);
   }, [value, _foreverDate, format]);
-  var foreverDayjs = useMemo(function () {
+  var foreverDayjs = useMemo(() => {
     // 使用健壮的日期解析方式
     var foreverDayjs = dayjs(_foreverDate);
     if (!foreverDayjs.isValid()) {
@@ -146,7 +148,7 @@ var ProRangeLimit = function ProRangeLimit(props) {
   }
 
   // 时间范围change
-  var handleRangeChange = function handleRangeChange(date, dateStr) {
+  var handleRangeChange = (date, dateStr) => {
     if (!date) {
       onChange(null, null);
       return;
@@ -163,7 +165,7 @@ var ProRangeLimit = function ProRangeLimit(props) {
   };
 
   // 长期选择框change
-  var handleForeverChange = function handleForeverChange(e) {
+  var handleForeverChange = e => {
     var _ref8 = value || [],
       _ref9 = _slicedToArray(_ref8, 1),
       start = _ref9[0];
@@ -189,7 +191,7 @@ var ProRangeLimit = function ProRangeLimit(props) {
   if (isObject(_rest.showTime)) {
     _rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
   }
-  return /*#__PURE__*/_jsxs(Space.Compact, {
+  return /*#__PURE__*/_jsxs(_Space.Compact, {
     className: "pro-range-limit",
     children: [/*#__PURE__*/_jsx(RangePicker, _objectSpread(_objectSpread(_objectSpread({
       allowClear: true,
@@ -201,7 +203,7 @@ var ProRangeLimit = function ProRangeLimit(props) {
       onChange: handleRangeChange
     })), limit && /*#__PURE__*/_jsx("div", {
       className: className,
-      children: /*#__PURE__*/_jsx(Checkbox, {
+      children: /*#__PURE__*/_jsx(_Checkbox, {
         checked: _isForever,
         disabled: _disabled === null || _disabled === void 0 ? void 0 : _disabled[1],
         onChange: handleForeverChange,

package/es/ProForm/components/combination/ProTimeLimit/hooks/useControlled.js

@@ -1,16 +1,16 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import dayjs from 'dayjs';
 import { useState } from 'react';
-var useControlled = function useControlled(props) {
+var useControlled = props => {
   var value = props.value,
     _props$onChange = props.onChange,
-    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    onChange = _props$onChange === void 0 ? () => {} : _props$onChange,
     format = props.format;
   var _useState = useState(value),
     _useState2 = _slicedToArray(_useState, 2),
     valueState = _useState2[0],
     setValueState = _useState2[1];
-  var handleChange = function handleChange(value) {
+  var handleChange = value => {
     var _value = value && value.startOf('day').format(format);
     if (!('value' in props)) {
       setValueState(value);

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

@@ -1,10 +1,14 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["format", "disabled", "foreverDate", "foreverText", "valueType", "otherProps", "limit"],
   _excluded2 = ["mode"];
-import { Checkbox, DatePicker, Space } from 'antd';
 import classNames from 'classnames';
 import { omit, isObject, uniq, isFunction } from 'lodash';
 import dayjs from 'dayjs';
@@ -19,7 +23,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 // 永久有效默认值
 
-export var ProTimeLimit = function ProTimeLimit(props) {
+export var ProTimeLimit = props => {
   var _props$format = props.format,
     format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
     disabled = props.disabled,
@@ -44,9 +48,7 @@ export var ProTimeLimit = function ProTimeLimit(props) {
   if (isFunction(format)) {
     tempFormat = [];
   }
-  var _format = uniq([].concat(_toConsumableArray(tempFormat), ['YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD'])).filter(function (formatKey) {
-    return !!formatKey;
-  });
+  var _format = uniq([...tempFormat, 'YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD']).filter(formatKey => !!formatKey);
 
   // dateTime模式下默认开启time选择
   var _rest = _objectSpread({}, rest);
@@ -63,7 +65,7 @@ export var ProTimeLimit = function ProTimeLimit(props) {
   var _defaultShowTime = {
     format: 'HH:mm:ss'
   };
-  var _useMemo = useMemo(function () {
+  var _useMemo = useMemo(() => {
       // 使用健壮的日期解析方式
       var foreverDayjs = dayjs(_foreverDate);
       if (!foreverDayjs.isValid()) {
@@ -82,18 +84,18 @@ export var ProTimeLimit = function ProTimeLimit(props) {
 
   // 管理value的受控状态
   var _useControlled = useControlled(_objectSpread({
-      format: format
+      format
     }, props)),
     _useControlled2 = _slicedToArray(_useControlled, 2),
     value = _useControlled2[0],
     onChange = _useControlled2[1];
-  var isForever = useMemo(function () {
+  var isForever = useMemo(() => {
     if (isObject(value)) {
       return foreverDayjs.format(format) === value.format(format);
     }
     return false;
   }, [foreverDayjs, value]);
-  var foreverChange = function foreverChange(e) {
+  var foreverChange = e => {
     var checkedForever = e.target.checked;
     if (checkedForever) {
       // 直接使用计算好的 foreverDayjs，避免重新解析
@@ -101,7 +103,7 @@ export var ProTimeLimit = function ProTimeLimit(props) {
     } else {
       // 防止长期选择后，时间面板还是9999-01-01
       onChange(dayjs());
-      setTimeout(function () {
+      setTimeout(() => {
         onChange(null);
       }, 0);
     }
@@ -135,9 +137,9 @@ export var ProTimeLimit = function ProTimeLimit(props) {
     'ant-input-disabled': disabled,
     'forever-checkbox': true
   });
-  return /*#__PURE__*/_jsxs(Space.Compact, {
+  return /*#__PURE__*/_jsxs(_Space.Compact, {
     className: "pro-time-limit",
-    children: [/*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread(_objectSpread({
+    children: [/*#__PURE__*/_jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({
       defaultPickerValue: dayjs(),
       disabled: disabled || isForever
     }, initialConfig), omit(_rest, ['placeholder'])), {}, {
@@ -146,7 +148,7 @@ export var ProTimeLimit = function ProTimeLimit(props) {
       onChange: onChange
     })), limit && /*#__PURE__*/_jsx("div", {
       className: className,
-      children: /*#__PURE__*/_jsx(Checkbox, {
+      children: /*#__PURE__*/_jsx(_Checkbox, {
         checked: isForever,
         disabled: disabled,
         onChange: foreverChange,
@@ -155,7 +157,7 @@ export var ProTimeLimit = function ProTimeLimit(props) {
     })]
   });
 };
-var LimitPick = function LimitPick(props) {
+var LimitPick = props => {
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'DatePicker' : _props$mode,
     rest = _objectWithoutProperties(props, _excluded2);

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

@@ -1,9 +1,10 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+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";
 var _excluded = ["name", "names", "namesStr", "form", "onDiff", "children", "type", "diffConfig", "valuePropName", "normalize", "getValueProps", "viewRender"];
-import { Space, Tooltip } from 'antd';
 import classNames from 'classnames';
 import { get } from 'lodash';
 import React, { useMemo } from 'react';
@@ -13,7 +14,7 @@ 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,
@@ -38,11 +39,9 @@ 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 && 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];
@@ -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);
@@ -87,7 +87,7 @@ var ChangedWrapper = function ChangedWrapper(props) {
   }
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
-  var tipOpenCalc = function tipOpenCalc() {
+  var tipOpenCalc = () => {
     if (!toolTip) return false;
 
     // 传入undefined 鼠标移入显示移出隐藏 获得焦点时不显示气泡
@@ -106,26 +106,24 @@ var ChangedWrapper = function ChangedWrapper(props) {
   });
   var open = tipOpenCalc();
   var scrollFollowParentConfig = componentsWithFloatWindow.includes(type) ? {
-    scrollFollowParent: scrollFollowParent
+    scrollFollowParent
   } : {};
-  return /*#__PURE__*/_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,
     classNames: {
       root: 'original-value-tooltip'
     },
     placement: "topLeft",
     autoAdjustOverflow: false,
-    title: /*#__PURE__*/_jsxs(Space, {
+    title: /*#__PURE__*/_jsxs(_Space, {
       direction: "vertical",
       className: "changed-tooltip",
-      children: [/*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsxs(_Space, {
         align: "start",
         className: "original-value-container",
         children: ["\u521D\u59CB\u503C\uFF1A", tipContent]
-      }), _showEllipse && /*#__PURE__*/_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