@zat-design/sisyphus-react 3.14.0-beta.2 → 4.0.0-beta.10

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

@@ -1,5 +1,3 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 .pro-form-list-block-title {
   height: 14px;
@@ -69,6 +67,42 @@
   .@{ant-prefix}-btn-text:hover {
     background: transparent;
   }
+  .pro-form-list-tool-btn {
+    .@{ant-prefix}-btn-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+
+  .pro-form-list-tool-btn-less{
+    &:hover{
+      background: transparent !important;
+    }
+  }
+}
+
+.pro-form-list-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .pro-form-list-empty-img {
+    width: 80px;
+    height: 80px;
+  }
+
+  .pro-form-list-empty-content {
+    display: flex;
+    justify-content: center;
+    margin-top: var(--zaui-space-size-md, 16px);
+    color: @zaui-aide-text;
+
+    .@{ant-prefix}-btn-link {
+      padding: 0;
+    }
+  }
 }
 
 .pro-form-list-empty {

package/es/ProForm/components/combination/Group/component/AddonWrapper/index.d.ts

@@ -3,6 +3,7 @@ import './index.less';
 interface Props {
     before?: React.ReactNode;
     after?: React.ReactNode;
+    children?: React.ReactNode;
 }
 declare const AddonWrapper: React.FC<Props>;
 export default AddonWrapper;

package/es/ProForm/components/combination/Group/component/ComRender.js

@@ -24,7 +24,6 @@ var getComRender = (component, props, componentProps) => {
   wrappers.forEach(item => {
     if (item in props) {
       var Wrapper = wrapperMap[item];
-      // console.log(props[item]);
       renderComponent = /*#__PURE__*/_jsx(Wrapper, _objectSpread(_objectSpread({}, componentProps), {}, {
         [item]: props[item],
         children: renderComponent

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

@@ -1,6 +1,5 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Space } from 'antd';
 import React from 'react';
 import { isEmpty, omit } from 'lodash';
 import classnames from 'classnames';
@@ -79,7 +78,7 @@ var Group = props => {
   return /*#__PURE__*/_jsx("div", {
     className: nextClassName,
     id: id,
-    children: (space.compact || space !== null && space !== void 0 && space.separator) && !nextIsView ? /*#__PURE__*/_jsx(_Space.Compact, {
+    children: (space.compact || space !== null && space !== void 0 && space.separator) && !nextIsView ? /*#__PURE__*/_jsx(Space.Compact, {
       children: columns.map((column, index) => {
         column.otherProps = otherProps;
         // 自定义间隔移除对应参数
@@ -92,7 +91,7 @@ var Group = props => {
           isView: nextIsView
         }, column), column.name || index);
       })
-    }) : /*#__PURE__*/_jsx(_Space, _objectSpread(_objectSpread({
+    }) : /*#__PURE__*/_jsx(Space, _objectSpread(_objectSpread({
       align: "start"
     }, omit(space, ['separator', 'compact'])), {}, {
       split: nextIsView ? split : null,

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

@@ -1,26 +1,6 @@
-@root-entry-name: 'default';
-@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-start-radius: @start-start;
-  border-end-start-radius: @end-start;
-}
-
-.start-radius() {
-  border-start-start-radius: 4px;
-  border-end-start-radius: 4px;
-}
-
-.end-radius() {
-  border-start-end-radius: 4px;
-  border-end-end-radius: 4px;
-}
-
 .pro-group {
-  width: unset !important;
   display: flex;
+  width: unset !important;
   &.pro-group-view {
     .@{ant-prefix}-space {
       .@{ant-prefix}-space-item {
@@ -29,7 +9,8 @@
     }
   }
 
-  &.pro-group-diy-width, &.pro-group-width-auto {
+  &.pro-group-diy-width,
+  &.pro-group-width-auto {
     .@{ant-prefix}-space .@{ant-prefix}-space-item {
       width: auto;
 
@@ -60,94 +41,33 @@
     align-items: center;
     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;
-      border-start-start-radius: 0;
-      border-end-start-radius: 0;
       padding: 0 12px;
       background-color: #fff;
       cursor: default;
+      margin-inline-end: -2px;
+      margin-inline-start: -1px;
     }
     .pro-modal-select {
       margin-left: -1px;
-      .@{ant-prefix}-input{
-        border-start-start-radius: 0;
-        border-end-start-radius: 0;
-      }
     }
 
     // 定制内敛合并样式
     .@{ant-prefix}-input-affix-wrapper,
     .@{ant-prefix}-select {
-      .border-radius(0, 0, 0, 0);
-
       &:nth-child(n + 2) {
         margin-inline-start: -1px;
       }
-
-      &:first-child {
-        .start-radius();
-      }
-
-      &:last-child {
-        .end-radius();
-      }
-    }
-
-    .pro-select {
-      .@{ant-prefix}-select .@{ant-prefix}-select-selector{
-        border-radius: 0 !important;
-      }
-      &:first-child   .@{ant-prefix}-select .@{ant-prefix}-select-selector {
-        border-start-start-radius: 4px !important;
-        border-end-start-radius: 4px !important;
-      }
-
-      &:last-child   .@{ant-prefix}-select .@{ant-prefix}-select-selector {
-        border-start-end-radius: 4px  !important;
-        border-end-end-radius: 4px!important;
-      }
-    }
-
-    .@{ant-prefix}-select {
-      .@{ant-prefix}-select-selector {
-        .border-radius(0, 0, 0, 0);
-      }
-
-      &:first-child {
-        .@{ant-prefix}-select-selector {
-          .start-radius();
-        }
-      }
-
-      &:last-child {
-        .@{ant-prefix}-select-selector {
-          .end-radius();
-        }
-      }
     }
 
     // 报错样式定制
     .@{ant-prefix}-input-affix-wrapper-status-error ~ .group-separator {
-      color: var(--ant-error-color);
-      border-color: var(--ant-error-color);
+      color: #ff4d4f;
+      border-color: #ff4d4f;
     }
   }
 }

package/es/ProForm/components/combination/Group/utils.d.ts

@@ -37,7 +37,7 @@ interface Params {
 export declare const getReactiveProps: (params: Params) => {
     disabled: boolean;
     show: boolean;
-    component: any;
+    component: import("react").ReactNode;
     fieldProps: boolean;
     desensitization: [number, number];
 };

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

@@ -1,9 +1,8 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 /* eslint-disable no-lonely-if */
 
 import { isFunction } from 'lodash';
 import { validate } from '@zat-design/utils';
+import { Button } from 'antd';
 import valueTypeMap from "../../../utils/valueType";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -38,7 +37,7 @@ export var insertSeparator = (columns, space) => {
         if (index === separatorIndex) {
           result.push({
             separator: true,
-            component: /*#__PURE__*/_jsx(_Button, {
+            component: /*#__PURE__*/_jsx(Button, {
               className: "group-separator",
               children: space.separator
             }),
@@ -53,7 +52,7 @@ export var insertSeparator = (columns, space) => {
       if (index < array.length - 1) {
         result.push({
           separator: true,
-          component: /*#__PURE__*/_jsx(_Button, {
+          component: /*#__PURE__*/_jsx(Button, {
             className: "group-separator",
             children: space.separator
           }),
@@ -95,7 +94,7 @@ export var transformNamesString = arr => {
  */
 export var isUpperCase = (type, upperCase) => {
   var result = {};
-  if (['Input', 'TextArea', 'ProCombination'].includes(type) && upperCase) {
+  if (['Input', 'TextArea'].includes(type) && upperCase) {
     result.getValueFromEvent = event => {
       var _event$target;
       if (Array.isArray(event)) {

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

@@ -1,17 +1,10 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/cascader/style";
-import _Cascader from "antd/es/cascader";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/typography/style";
-import _Typography from "antd/es/typography";
 var _excluded = ["className", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "code", "tooltip", "separator", "detailPlaceholder", "scrollFollowParent", "desensitization", "otherProps"];
 import { useEffect, useState, memo, useMemo, useCallback } from 'react';
-import { omit, find as _find, isBoolean } from 'lodash';
+import { Cascader, Tooltip, message } from 'antd';
+import { omit, find as _find, isBoolean, isEqual } from 'lodash';
 import { useRequest as useRequestFunc, useDeepCompareEffect } from 'ahooks';
 import { transformDataName } from "./utils/index";
 import { useProConfig } from "../../../../ProConfigProvider";
@@ -22,7 +15,6 @@ import ProForm from "../../..";
 import Container from "../../Container";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Text = _Typography.Text;
 var defaultFieldNames = {
   label: 'name',
   value: 'code',
@@ -133,7 +125,7 @@ var ProCascader = props => {
       msg = _ref4.message,
       data = _ref4.data;
     if (status !== 200) {
-      _message.error(msg);
+      message.error(msg);
       return;
     }
     var newData = data;
@@ -160,7 +152,7 @@ var ProCascader = props => {
       msg = _ref5.message,
       data = _ref5.data;
     if (status !== 200) {
-      _message.error(msg);
+      message.error(msg);
       return;
     }
     return data;
@@ -316,7 +308,7 @@ var ProCascader = props => {
     children: viewValue
   }) : /*#__PURE__*/_jsxs("div", {
     className: `pro-address ${className}`,
-    children: [/*#__PURE__*/_jsx(_Cascader, _objectSpread({
+    children: [/*#__PURE__*/_jsx(Cascader, _objectSpread({
       className: hasDetail ? '' : 'no-detail',
       placeholder: locale === null || locale === void 0 || (_locale$ProAddressBar = locale.ProAddressBar) === null || _locale$ProAddressBar === void 0 ? void 0 : _locale$ProAddressBar.placeholder,
       value: addressValue,
@@ -332,7 +324,7 @@ var ProCascader = props => {
       getPopupContainer: trigger => {
         return scrollFollowParent ? trigger.parentElement : document.body;
       }
-    }, omit(restProps, ['otherProps', 'scrollFollowParent']))), hasDetail && (tooltip && lastDisabled[1] && detail ? /*#__PURE__*/_jsx(_Tooltip, {
+    }, omit(restProps, ['otherProps', 'scrollFollowParent']))), hasDetail && (tooltip && lastDisabled[1] && detail ? /*#__PURE__*/_jsx(Tooltip, {
       title: detail,
       children: /*#__PURE__*/_jsx("span", {
         className: "pro-address-detail",
@@ -356,4 +348,10 @@ var ProCascader = props => {
     }))]
   });
 };
-export default /*#__PURE__*/memo(ProCascader);
+export default /*#__PURE__*/memo(ProCascader, (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.dataSource, nextProps === null || nextProps === void 0 ? void 0 : nextProps.dataSource)) {
+    return false;
+  }
+  return true;
+});

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

@@ -36,7 +36,7 @@ export interface ProCascaderType {
     transformResponse?: (data: any[]) => any[];
     level?: number;
     enumCode?: string;
-    code?: string;
+    code?: string | string[];
     otherProps?: any;
     /** 查看分隔符 */
     separator?: string;

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

@@ -1,5 +1,3 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 .pro-address {
   display: flex;

package/es/ProForm/components/combination/ProModalSelect/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ProModalSelectType } from './propsType';
-declare const _default: React.ForwardRefExoticComponent<Omit<ProModalSelectType, "ref"> & React.RefAttributes<unknown>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<ProModalSelectType>, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

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

@@ -1,27 +1,14 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import "antd/es/spin/style";
-import _Spin from "antd/es/spin";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "onChange", "disabled", "labelInValue", "fieldNames", "readOnly", "mode", "addonAfter", "configOption", "title", "onFormat", "showCodeName", "optionRender", "customRender", "style", "className", "beforeOpen", "afterOpen", "isTooltip", "tooltip", "searchForm", "searchKey", "defaultOne", "otherProps"],
   _excluded2 = ["onOk"],
   _excluded3 = ["rowKey", "columns", "rowSelection"];
 import { SearchOutlined } from '@ant-design/icons';
 import { useDebounceEffect, useDeepCompareEffect, useMount, useSetState } from 'ahooks';
+import { Form, message, Input, Tooltip, Space, Button, Spin } from 'antd';
 import { debounce, isArray, isBoolean, isEqual, isFunction, isObject } from 'lodash';
 import classNames from 'classnames';
 import { ReactSVG } from 'react-svg';
@@ -72,7 +59,7 @@ var ProModalSelect = (props, ref) => {
     }
     return mode;
   }, [mode, readOnly]);
-  var contentForm = _Form.useFormInstance();
+  var contentForm = Form.useFormInstance();
   if (!configOption || Object.prototype.toString.call(configOption) !== '[object Object]') {
     throw new Error('error: 请检查枚举选择弹框的配置项【configOption】');
   }
@@ -132,7 +119,6 @@ var ProModalSelect = (props, ref) => {
       _value: value,
       isInit: true,
       onOff: false,
-      visible: false,
       open: false,
       options: (tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource) || [],
       selectedRows: [],
@@ -143,13 +129,12 @@ var ProModalSelect = (props, ref) => {
     _value = _useSetState2$._value,
     isInit = _useSetState2$.isInit,
     onOff = _useSetState2$.onOff,
-    visible = _useSetState2$.visible,
     open = _useSetState2$.open,
     options = _useSetState2$.options,
     _selectedRows = _useSetState2$.selectedRows,
     _selectedRowKeys = _useSetState2$.selectedRowKeys,
     setState = _useSetState2[1];
-  var _Form$useForm = _Form.useForm(searchForm),
+  var _Form$useForm = Form.useForm(searchForm),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
   var selectedRows = (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || _selectedRows;
@@ -183,7 +168,7 @@ var ProModalSelect = (props, ref) => {
       transformParams,
       transformResponse
     }, _objectSpread({
-      ready: (initParams || defaultOne) && nextMode === 'input' || visible
+      ready: (initParams || defaultOne) && nextMode === 'input' || open
     }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options)),
     data = _useRequestList2.data,
     loading = _useRequestList2.loading,
@@ -337,7 +322,7 @@ var ProModalSelect = (props, ref) => {
     form.resetFields();
     setState({
       onOff: false,
-      visible: false,
+      open: false,
       isInit: false
     });
 
@@ -357,7 +342,7 @@ var ProModalSelect = (props, ref) => {
               _context2.next = 4;
               break;
             }
-            _message.error(locale.ProModalSelect.checkMsg);
+            message.error(locale.ProModalSelect.checkMsg);
             return _context2.abrupt("return", false);
           case 4:
             nextSelectedRows = selectedRows;
@@ -623,13 +608,13 @@ var ProModalSelect = (props, ref) => {
     }
   });
   useEffect(() => {
-    if (onOff && !visible) {
+    if (onOff && !open) {
       var _useRequest$options7;
       if ((useRequest === null || useRequest === void 0 || (_useRequest$options7 = useRequest.options) === null || _useRequest$options7 === void 0 ? void 0 : _useRequest$options7.manual) !== true) {
         onReset();
       }
       var nextState = {
-        visible: true
+        open: true
       };
       if (labelInValue) {
         if (!value) {
@@ -655,17 +640,17 @@ var ProModalSelect = (props, ref) => {
       }
       setState(nextState);
     }
-  }, [onOff, visible, JSON.stringify(value)]);
+  }, [onOff, open, JSON.stringify(value)]);
   useEffect(() => {
-    hideTooltipIfOpen(fieldRef.current, visible);
-  }, [visible]);
+    hideTooltipIfOpen(fieldRef.current, open);
+  }, [open]);
   useEffect(() => {
-    if (value && !visible && isInit && nextMode === 'input') {
+    if (value && !open && isInit && nextMode === 'input') {
       getInitValues();
     }
-  }, [JSON.stringify(value), visible, isInit]);
+  }, [JSON.stringify(value), open, isInit]);
   useDebounceEffect(() => {
-    if (value && !visible && nextMode === 'select' && (!isEqual(value, preValue.current) || (options === null || options === void 0 ? void 0 : options.length) === 0)) {
+    if (value && !open && nextMode === 'select' && (!isEqual(value, preValue.current) || (options === null || options === void 0 ? void 0 : options.length) === 0)) {
       var _options$some;
       preValue.current = value;
       var _data3 = labelInValue ? value[valueKey] : value;
@@ -690,7 +675,7 @@ var ProModalSelect = (props, ref) => {
         }, 300);
       }
     }
-  }, [JSON.stringify(value), visible, JSON.stringify(defaultParams), JSON.stringify(initParams), options === null || options === void 0 ? void 0 : options.length]);
+  }, [JSON.stringify(value), open, JSON.stringify(defaultParams), JSON.stringify(initParams), options === null || options === void 0 ? void 0 : options.length]);
   var handleSelectFocus = () => {
     if (useRequest) {
       var queryBean = defaultParams || {};
@@ -755,7 +740,7 @@ var ProModalSelect = (props, ref) => {
   }, [value, _value]);
 
   // 加个中间状态Input
-  var initRender = /*#__PURE__*/_jsxs(_Space.Compact, {
+  var initRender = /*#__PURE__*/_jsxs(Space.Compact, {
     style: {
       width: '100%'
     },
@@ -771,7 +756,7 @@ var ProModalSelect = (props, ref) => {
       optionRender: optionRender,
       scrollFollowParent: false,
       mode: isMultiple ? 'multiple' : undefined,
-      notFoundContent: selectLoading ? /*#__PURE__*/_jsx(_Spin, {
+      notFoundContent: selectLoading ? /*#__PURE__*/_jsx(Spin, {
         size: "small"
       }) : null,
       onFocus: handleSelectFocus,
@@ -780,21 +765,21 @@ var ProModalSelect = (props, ref) => {
       style: {
         width: isView || disabled ? '100%' : 'calc(100% - 30px)'
       }
-    }, restProps)) : /*#__PURE__*/_jsx(_Tooltip, {
+    }, restProps)) : /*#__PURE__*/_jsx(Tooltip, {
       title: _tooltip ? viewText : null,
       placement: "topLeft",
-      children: /*#__PURE__*/_jsx(_Input, _objectSpread({
+      children: /*#__PURE__*/_jsx(Input, _objectSpread({
         value: viewText,
         onChange: handleChangeValue,
         disabled: disabled,
         autoComplete: "off",
         allowClear: true
       }, restProps))
-    }), isView || disabled ? null : /*#__PURE__*/_jsx(_Button, {
+    }), isView || disabled ? null : /*#__PURE__*/_jsx(Button, {
+      onClick: handleClick,
       icon: /*#__PURE__*/_jsx(ReactSVG, {
         className: "viewSvg",
-        src: viewSvg,
-        onClick: handleClick
+        src: viewSvg
       })
     })]
   });
@@ -837,7 +822,7 @@ var ProModalSelect = (props, ref) => {
   var _className = classNames({
     'pro-modal-select': true,
     [props.className]: props.className,
-    'pro-modal-select-open': visible
+    'pro-modal-select-open': open
   });
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("div", {
@@ -853,7 +838,7 @@ var ProModalSelect = (props, ref) => {
       // @ts-ignore
       ,
       onCancel: handleClose,
-      open: visible
+      open: open
     }, restModalProps), {}, {
       children: [/*#__PURE__*/_jsx(ProForm, {
         submitOnEnter: true,

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

@@ -1,5 +1,3 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 .pro-modal-select,
 .pro-tree-modal {
@@ -59,9 +57,9 @@
     border-bottom-right-radius: 0;
     &.@{ant-prefix}-input-affix-wrapper-status-error{
        & + .@{ant-prefix}-btn{
-        border: 1px solid var(--ant-error-color);
+        border: 1px solid #ff4d4f;
         >.viewSvg{
-          color: var(--ant-error-color);
+          color: #ff4d4f;
         }
       }
     }
@@ -81,7 +79,9 @@
   .@{ant-prefix}-btn-compact-item.@{ant-prefix}-btn.@{ant-prefix}-btn-compact-last-item:not(.@{ant-prefix}-btn-compact-first-item):not(.@{ant-prefix}-btn-compact-item-rtl){
     &:hover{
       position: relative;
+      z-index: 1;
       transition: none;
+      border-color: var(--ant-primary-color-hover, #1677ff) !important;
       &::before{
         opacity: 1;
       }
@@ -93,17 +93,13 @@
       left: -1px;
       width: 1px;
       height: calc(100% + 2px);
-      background:var(--ant-primary-color-hover);
+      background: var(--ant-primary-color-hover, #1677ff);
       opacity: 0;
       display: block;
+      z-index: 2;
     }
   }
 
-  .@{ant-prefix}-input-affix-wrapper-status-error{
-
-  }
-
-
   .@{ant-prefix}-input-group-wrapper-status-error {
     &:hover {
       .@{ant-prefix}-input,
@@ -132,7 +128,7 @@
   }
 
   .viewSvg {
-    height: 20px;
+    height: 16px;
     cursor: pointer;
     fill: #c5c7cd;
   }
@@ -140,11 +136,11 @@
   .@{ant-prefix}-space-compact {
     .@{ant-prefix}-select-compact-item-div:has(.@{ant-prefix}-select-status-error) {
       & + .@{ant-prefix}-btn-compact-last-item {
-        border-top: 1px solid var(--ant-error-color);
-        border-right: 1px solid var(--ant-error-color);
-        border-bottom: 1px solid var(--ant-error-color);
+        border-top: 1px solid #ff4d4f;
+        border-right: 1px solid #ff4d4f;
+        border-bottom: 1px solid #ff4d4f;
         >.viewSvg{
-          color: var(--ant-error-color);
+          color: #ff4d4f;
         }
       }
     }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { ProNumberRangeType } from './propsType';
-declare const ProNumberRange: (props: ProNumberRangeType) => any;
-export default ProNumberRange;
+declare const _default: import("react").MemoExoticComponent<(props: ProNumberRangeType) => any>;
+export default _default;