@zat-design/sisyphus-react 3.4.5 → 3.4.6-beta.10

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

@@ -0,0 +1,256 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/cascader/style";
+import _Cascader from "antd/es/cascader";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+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"];
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, memo, useMemo } from 'react';
+import { isEqual, omit } from 'lodash';
+import { transformDataName } from './utils/index';
+import { useProConfig } from '../../../../ProConfigProvider';
+import useEnum from '../../../../ProEnum/hooks/useEnum';
+import locale from '../../../../locale';
+import ProForm from '../../..';
+var Text = _Typography.Text;
+var filterDataSource = function filterDataSource(dataSource, level) {
+  return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
+    return _objectSpread(_objectSpread({}, item), {}, {
+      children: level === 1 ? [] : filterDataSource(item === null || item === void 0 ? void 0 : item.children, level - 1)
+    });
+  });
+};
+var getViewLabel = function getViewLabel(_ref) {
+  var dataSource = _ref.dataSource,
+    value = _ref.value;
+  var viewLabel = [];
+  // 根据dataSource得到label数组，查看模式展示需要
+  value === null || value === void 0 ? void 0 : value.forEach(function (value, index) {
+    var _dataSource;
+    var temp = (_dataSource = dataSource) === null || _dataSource === void 0 ? void 0 : _dataSource.find(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.value) === value;
+    });
+    dataSource = (temp === null || temp === void 0 ? void 0 : temp.children) || [];
+    viewLabel[index] = temp === null || temp === void 0 ? void 0 : temp.label;
+  });
+  return viewLabel;
+};
+var defaultFieldNames = {
+  label: 'name',
+  value: 'code',
+  children: 'children'
+};
+var ProCascader = function ProCascader(props) {
+  var _value$slice, _ref7, _ref7$filter, _defaultLabel$filter, _locale$ProAddressBar, _locale$ProAddressBar2;
+  var _ref2 = useProConfig('ProAddressBar') || {},
+    configDetailMaxLength = _ref2.detailMaxLength,
+    configEnumCode = _ref2.enumCode,
+    configCode = _ref2.code;
+  var isAddressMode = (props === null || props === void 0 ? void 0 : props.mode) === 'address';
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$hasDetail = props.hasDetail,
+    hasDetail = _props$hasDetail === void 0 ? isAddressMode ? true : undefined : _props$hasDetail,
+    _props$detailMaxLengt = props.detailMaxLength,
+    detailMaxLength = _props$detailMaxLengt === void 0 ? isAddressMode ? configDetailMaxLength || 100 : 100 : _props$detailMaxLengt,
+    _props$fieldNames = props.fieldNames,
+    fieldNames = _props$fieldNames === void 0 ? defaultFieldNames : _props$fieldNames,
+    value = props.value,
+    disabled = props.disabled,
+    dataSource = props.dataSource,
+    onChange = props.onChange,
+    useRequest = props.useRequest,
+    transformResponse = props.transformResponse,
+    _props$level = props.level,
+    level = _props$level === void 0 ? isAddressMode ? 3 : undefined : _props$level,
+    isView = props.isView,
+    _props$enumCode = props.enumCode,
+    enumCode = _props$enumCode === void 0 ? configEnumCode : _props$enumCode,
+    _props$code = props.code,
+    code = _props$code === void 0 ? configCode : _props$code,
+    tooltip = props.tooltip,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? '' : _props$separator,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _ref3 = ProForm.useFieldProps() || {},
+    isViewCon = _ref3.isView;
+  var addressCode = code || enumCode;
+  var realIsView = typeof isView === 'boolean' ? isView : isViewCon;
+  var realLevel = Math.max(2, level);
+  var detail = value === null || value === void 0 ? void 0 : value[realLevel];
+  var enumData = useEnum(addressCode);
+  var _ref4 = Array.isArray(enumData) ? enumData : [],
+    _ref5 = _slicedToArray(_ref4, 1),
+    _ref5$ = _ref5[0],
+    enumDataSource = _ref5$ === void 0 ? [] : _ref5$;
+  var realDataSource = useMemo(function () {
+    var innerDataSource = dataSource || (addressCode ? enumDataSource : []);
+    var result = isAddressMode && realLevel === 2 ? filterDataSource(innerDataSource, level) : innerDataSource;
+    return isEqual(fieldNames, defaultFieldNames) ? result : transformDataName(result, fieldNames);
+  }, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
+  var _useRequest = _objectSpread({}, useRequest),
+    service = _useRequest.service,
+    _useRequest$defaultPa = _useRequest.defaultParams,
+    defaultParams = _useRequest$defaultPa === void 0 ? {} : _useRequest$defaultPa;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    serviceData = _useState2[0],
+    setServiceData = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    defaultLabel = _useState4[0],
+    setDefaultLabel = _useState4[1];
+  var getFirstLevelOptions = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _yield$service, data, newData, transFormData, serviceData;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return service(defaultParams);
+          case 2:
+            _yield$service = _context.sent;
+            data = _yield$service.data;
+            newData = data;
+            if (transformResponse) {
+              newData = transformResponse(data);
+            }
+            transFormData = transformDataName(newData, {
+              label: fieldNames.label,
+              value: fieldNames.value,
+              children: (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'
+            });
+            serviceData = isAddressMode && realLevel === 2 ? filterDataSource(transFormData, level) : transFormData;
+            setServiceData(serviceData);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getFirstLevelOptions() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (service) {
+      // 传入useRequest时，初次加载级联第一级数据源
+      getFirstLevelOptions();
+    }
+  }, [service]);
+  useEffect(function () {
+    if (realIsView && value) {
+      // 传入dataSource + 查看时初始化展示
+      if (service) {
+        setDefaultLabel(getViewLabel({
+          dataSource: serviceData,
+          value: isAddressMode && hasDetail ? value === null || value === void 0 ? void 0 : value.slice(0, realLevel) : value
+        }));
+      } else if ((realDataSource === null || realDataSource === void 0 ? void 0 : realDataSource.length) > 0) {
+        setDefaultLabel(getViewLabel({
+          dataSource: realDataSource,
+          value: isAddressMode && hasDetail ? value === null || value === void 0 ? void 0 : value.slice(0, realLevel) : value
+        }));
+      }
+    }
+  }, [realIsView, value, realDataSource, serviceData]);
+  var handleChange = function handleChange(changeValue, selectedOptions) {
+    if (onChange) {
+      if (isAddressMode && hasDetail && detail) {
+        // 有详情地址
+        var realValue = changeValue || [];
+        realValue[realLevel] = detail;
+        onChange(realValue, selectedOptions);
+      } else {
+        onChange(changeValue, selectedOptions);
+      }
+    }
+  };
+  // showSearch中的筛选函数
+  var handlefilter = function handlefilter(inputValue, path) {
+    return path.some(function (option) {
+      return option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
+    });
+  };
+  var handleAddressChange = function handleAddressChange(e) {
+    var cascaderValue = value === null || value === void 0 ? void 0 : value.slice(0, realLevel);
+    if (onChange) {
+      if (!e.target.value && (cascaderValue === null || cascaderValue === void 0 ? void 0 : cascaderValue.every(function (item) {
+        return !item;
+      }))) {
+        onChange(undefined);
+      } else {
+        var realValue = value ? _toConsumableArray(value) : [];
+        realValue[realLevel] = e.target.value;
+        onChange(realValue);
+      }
+    }
+  };
+  var displayRender = function displayRender(label) {
+    return label === null || label === void 0 ? void 0 : label.filter(function (item) {
+      return !!item;
+    }).join('/');
+  };
+  var addressValue = isAddressMode ? value && ((_value$slice = value.slice(0, realLevel)) === null || _value$slice === void 0 ? void 0 : _value$slice.some(function (item) {
+    return !!item;
+  })) ? value.slice(0, realLevel) : undefined : value;
+  var viewValue = isAddressMode ? ((_ref7 = [].concat(_toConsumableArray(defaultLabel), [value === null || value === void 0 ? void 0 : value[realLevel]])) === null || _ref7 === void 0 ? void 0 : (_ref7$filter = _ref7.filter(function (item) {
+    return !!item;
+  })) === null || _ref7$filter === void 0 ? void 0 : _ref7$filter.join(separator)) || '-' : (defaultLabel === null || defaultLabel === void 0 ? void 0 : (_defaultLabel$filter = defaultLabel.filter(function (item) {
+    return !!item;
+  })) === null || _defaultLabel$filter === void 0 ? void 0 : _defaultLabel$filter.join(separator)) || '-';
+  return realIsView ? tooltip ? _jsx(_Tooltip, {
+    className: className,
+    title: tooltip === true ? viewValue : tooltip,
+    children: _jsx(Text, {
+      ellipsis: {
+        tooltip: false
+      },
+      children: viewValue
+    })
+  }) : _jsx("span", {
+    className: className,
+    children: viewValue
+  }) : _jsxs("div", {
+    className: "pro-address ".concat(className),
+    children: [_jsx(_Cascader, _objectSpread({
+      className: hasDetail ? '' : 'no-detail',
+      placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProAddressBar = locale.ProAddressBar) === null || _locale$ProAddressBar === void 0 ? void 0 : _locale$ProAddressBar.placeholder,
+      value: addressValue,
+      options: service ? serviceData : realDataSource,
+      disabled: disabled,
+      displayRender: displayRender,
+      showSearch: {
+        filter: handlefilter
+      },
+      onChange: handleChange
+    }, omit(otherProps, 'otherProps'))), hasDetail && (tooltip && disabled && detail ? _jsx(_Tooltip, {
+      title: detail,
+      children: _jsx("span", {
+        className: "pro-address-detail",
+        children: _jsx(_Input, {
+          disabled: disabled,
+          value: detail
+        })
+      })
+    }) : _jsx(_Input, {
+      allowClear: true,
+      autoComplete: "off",
+      disabled: disabled,
+      value: detail,
+      maxLength: detailMaxLength,
+      placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProAddressBar2 = locale.ProAddressBar) === null || _locale$ProAddressBar2 === void 0 ? void 0 : _locale$ProAddressBar2.detailPlaceholder,
+      onChange: handleAddressChange
+    }))]
+  });
+};
+export default /*#__PURE__*/memo(ProCascader);

package/es/ProForm/components/combination/{ProAddressBar → ProCascader}/propsType.d.ts

@@ -1,19 +1,22 @@
 import { ReactNode } from 'react';
 import { DefaultOptionType } from 'rc-select/lib/Select';
 import { Service } from 'ahooks/lib/useRequest/src/types';
-export interface AddressProps {
-    getPopupContainer?: () => ReactNode;
+export interface fieldNamesProps {
+    label: string;
+    value: string;
+    children?: string;
+    [key: string]: string;
+}
+export interface ProCascaderProps {
     className?: string;
+    mode?: 'address' | 'default';
     isView?: boolean;
     value?: string[];
     disabled?: boolean;
     hasDetail?: boolean;
     tooltip?: boolean | ReactNode;
     detailMaxLength?: number;
-    fieldNames?: {
-        label: string;
-        value: string;
-    };
+    fieldNames?: fieldNamesProps;
     dataSource?: DefaultOptionType[];
     useRequest?: {
         loadData?: boolean;

package/es/ProForm/components/combination/ProCascader/utils/index.d.ts

@@ -0,0 +1,14 @@
+interface DataNode {
+    label: string;
+    value: string;
+    children?: DataNode[];
+    [key: string]: any;
+}
+interface FieldNames {
+    label: string;
+    value: string;
+    children?: string;
+    [key: string]: string;
+}
+export declare const transformDataName: (dataSource: any[], fieldNames: FieldNames) => DataNode[];
+export {};

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

@@ -0,0 +1,26 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["label", "value", "children"];
+export var transformDataName = function transformDataName(dataSource, fieldNames) {
+  var label = fieldNames.label,
+    value = fieldNames.value,
+    children = fieldNames.children,
+    extraFields = _objectWithoutProperties(fieldNames, _excluded);
+  function transformNode(node) {
+    var newNode = {
+      label: node[label],
+      value: node[value]
+    };
+    // 处理额外的字段
+    Object.keys(extraFields).forEach(function (key) {
+      newNode[key] = node[extraFields[key]];
+    });
+    if (children && Array.isArray(node[children])) {
+      newNode.children = node[children].map(transformNode);
+    }
+    return newNode;
+  }
+  function transformData(data) {
+    return data.map(transformNode);
+  }
+  return transformData(dataSource);
+};

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

@@ -21,7 +21,7 @@ var _excluded = ["value", "onChange", "disabled", "labelInValue", "fieldNames",
   _excluded3 = ["rowKey", "columns", "rowSelection"];
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SearchOutlined } from '@ant-design/icons';
-import { useMount, useSetState } from 'ahooks';
+import { useDeepCompareEffect, useMount, useSetState } from 'ahooks';
 import { cloneDeep, debounce, isArray, isEqual, isFunction, omit } from 'lodash';
 import { ReactSVG } from 'react-svg';
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo } from 'react';
@@ -295,58 +295,64 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   };
   var handleFinish = /*#__PURE__*/function () {
     var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var _data, flag, res;
+      var _nextSelectedRows, _nextSelectedRows2, nextSelectedRows, record, flag, res;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.prev = 0;
-            if (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length) {
+            if (selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length) {
               _context2.next = 4;
               break;
             }
             _message.error(locale.ProModalSelect.checkMsg);
             return _context2.abrupt("return", false);
           case 4:
-            _data = isMultiple ? selectedRows : selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows[0];
+            nextSelectedRows = selectedRows;
+            if (!((_nextSelectedRows = nextSelectedRows) === null || _nextSelectedRows === void 0 ? void 0 : _nextSelectedRows[0])) {
+              nextSelectedRows = data.filter(function (item) {
+                return selectedRowKeys.includes(item[valueKey]);
+              });
+            }
+            record = isMultiple ? nextSelectedRows : (_nextSelectedRows2 = nextSelectedRows) === null || _nextSelectedRows2 === void 0 ? void 0 : _nextSelectedRows2[0];
             if (!isMultiple) {
               // @ts-ignore
-              _data.value = _data[valueKey];
+              record.value = record[valueKey];
               // @ts-ignore
-              _data.label = _data[labelKey];
+              record.label = record[labelKey];
             }
             flag = true;
             if (!onOk) {
-              _context2.next = 12;
+              _context2.next = 14;
               break;
             }
-            _context2.next = 10;
-            return onOk(_data);
-          case 10:
+            _context2.next = 12;
+            return onOk(record);
+          case 12:
             res = _context2.sent;
             if (res !== null && res !== undefined) {
               // @ts-ignore
               flag = res;
             }
-          case 12:
+          case 14:
             if (flag) {
-              onChange === null || onChange === void 0 ? void 0 : onChange(labelInValue ? _data : getNextValues(_data), _data);
+              onChange === null || onChange === void 0 ? void 0 : onChange(labelInValue ? record : getNextValues(record), record);
               // 更新内部展示值
               setState({
-                _value: _data,
-                options: isArray(_data) ? _data : [_data]
+                _value: record,
+                options: isArray(record) ? record : [record]
               });
               handleClose();
             }
             return _context2.abrupt("return", flag);
-          case 16:
-            _context2.prev = 16;
+          case 18:
+            _context2.prev = 18;
             _context2.t0 = _context2["catch"](0);
-            console.log('error', _context2.t0);
-          case 19:
+            console.warn('error', _context2.t0);
+          case 21:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 16]]);
+      }, _callee2, null, [[0, 18]]);
     }));
     return function handleFinish() {
       return _ref7.apply(this, arguments);
@@ -427,7 +433,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   // 初始化回显，当传入initParams时，前端用来回险
   var getInitValues = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-      var _contentForm$getField, _useRequest$options2, _useRequest$options3, queryBean, page, params, res, _list, list, _res$data2, _data2, nextSelectRowKeys;
+      var _contentForm$getField, _useRequest$options2, _useRequest$options3, queryBean, page, params, res, _list, list, _res$data2, _data, nextSelectRowKeys;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -458,15 +464,15 @@ var ProModalSelect = function ProModalSelect(props, ref) {
               } else {
                 list = withPagination ? res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.list : res === null || res === void 0 ? void 0 : res.data;
               }
-              _data2 = isMultiple ? list : (_list = list) === null || _list === void 0 ? void 0 : _list[0];
-              if (_data2) {
+              _data = isMultiple ? list : (_list = list) === null || _list === void 0 ? void 0 : _list[0];
+              if (_data) {
                 nextSelectRowKeys = isMultiple ? value : [value];
                 if (labelInValue) {
-                  onChange(_data2);
+                  onChange(_data);
                 }
                 // 更新内部展示值
                 setState({
-                  _value: _data2,
+                  _value: _data,
                   isInit: false,
                   selectedRows: list,
                   selectedRowKeys: nextSelectRowKeys
@@ -493,7 +499,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
   var getDefaultOneValues = /*#__PURE__*/function () {
     var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
       var _useRequest$options4, _useRequest$options5;
-      var queryBean, page, params, res, _list2, list, _res$data3, _data3, nextSelectRowKeys;
+      var queryBean, page, params, res, _list2, list, _res$data3, _data2, nextSelectRowKeys;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
@@ -517,18 +523,18 @@ var ProModalSelect = function ProModalSelect(props, ref) {
               } else {
                 list = withPagination ? res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.list : res === null || res === void 0 ? void 0 : res.data;
               }
-              _data3 = isMultiple ? list : (_list2 = list) === null || _list2 === void 0 ? void 0 : _list2[0];
+              _data2 = isMultiple ? list : (_list2 = list) === null || _list2 === void 0 ? void 0 : _list2[0];
               nextSelectRowKeys = isMultiple ? value : [value];
               if (labelInValue) {
-                onChange(_data3);
+                onChange(_data2);
               } else {
-                onChange(isMultiple ? _data3.map(function (item) {
+                onChange(isMultiple ? _data2.map(function (item) {
                   return item[valueKey];
-                }) : _data3[valueKey]);
+                }) : _data2[valueKey]);
               }
               // 更新内部展示值
               setState({
-                _value: _data3,
+                _value: _data2,
                 isInit: false,
                 selectedRows: list,
                 selectedRowKeys: nextSelectRowKeys
@@ -596,6 +602,9 @@ var ProModalSelect = function ProModalSelect(props, ref) {
           });
           nextState.selectedRows = value;
         }
+      } else if (value) {
+        console.log('value', value);
+        nextState.selectedRowKeys = [value];
       }
       setState(nextState);
     }
@@ -670,9 +679,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       labelInValue: labelInValue,
       dataSource: options,
       scrollFollowParent: false,
-      onClick: function onClick() {
-        // 没有值的时候，初始化点击默认查询前五十条
-        if (!value && isInit || !(options === null || options === void 0 ? void 0 : options.length)) {
+      onFocus: function onFocus() {
+        if (useRequest) {
           var _useRequest$options9;
           var queryBean = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options9 = useRequest.options) === null || _useRequest$options9 === void 0 ? void 0 : _useRequest$options9.defaultParams) || {};
           var params = withPagination ? {
@@ -755,6 +763,11 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       };
     }
   }, [value, isTooltip]);
+  useDeepCompareEffect(function () {
+    setState({
+      options: tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource
+    });
+  }, [tableProps === null || tableProps === void 0 ? void 0 : tableProps.dataSource]);
   // 当搜索条件只有一个时，且为输入框，默认设置suffix
   if ((formColumns === null || formColumns === void 0 ? void 0 : formColumns.length) === 1 && (formColumns === null || formColumns === void 0 ? void 0 : (_formColumns$ = formColumns[0]) === null || _formColumns$ === void 0 ? void 0 : _formColumns$.type) === 'Input') {
     var _formColumns$2, _formColumns$3, _formColumns$3$fieldP;
@@ -800,6 +813,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
         form: form,
         columns: formColumns,
         onFinish: handleSearch,
+        confirmLoading: loading,
         footer: (formColumns === null || formColumns === void 0 ? void 0 : formColumns.length) > 1
       }), _jsx(ProTable, _objectSpread({
         onRow: function onRow(record) {

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

@@ -53,6 +53,20 @@
     }
   }
 
+  // 新加适用于 readonly false
+  .@{ant-prefix}-input-affix-wrapper {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    &.ant-input-affix-wrapper-status-error{
+       & + .@{ant-prefix}-btn{
+        border: 1px solid var(--ant-error-color);
+        >.viewSvg{
+          color: var(--ant-error-color);
+        }
+      }
+    }
+  }
+
   .pro-tree-modal-input-appoint {
     .@{ant-prefix}-input {
       border-top-left-radius: 0;
@@ -93,6 +107,15 @@
     fill: #c5c7cd;
   }
 
+  .@{ant-prefix}-select-status-error {
+    & + .@{ant-prefix}-btn{
+      border: 1px solid var(--ant-error-color);
+      >.viewSvg{
+        color: var(--ant-error-color);
+      }
+    }
+  }
+
   .@{ant-prefix}-input-group-addon {
     padding: 0px var(--zaui-space-size-sm, 8px);
     background-color: var(--zaui-base-bg, #ffffff);

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

@@ -12,8 +12,8 @@ export type Props = Omit<RangePickerProps, 'value' | 'onChange' | 'format' | 'se
     separator?: any;
     isView?: boolean;
 };
-type Value = [Moment?, Moment?, boolean?];
-type ValueStr = [string?, string?, string?];
+type Value = [Moment?, Moment?, boolean?] | null;
+type ValueStr = [string?, string?, string?] | null;
 type HandleChange = (value: ValueStr | null, valueStr: Value | null) => void;
 declare const ProRangeLimit: React.FC<Props>;
 export default ProRangeLimit;

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

@@ -27,12 +27,16 @@ var useControlled = function useControlled(props) {
     var _props$value, _props$value2;
     var internalValue = [((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value[0]) && moment(props.value[0], props.format), ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2[1]) && moment(props.value[1], props.format)];
     var handleChange = function handleChange(value, other) {
-      var _value = _slicedToArray(value, 2),
-        start = _value[0],
-        end = _value[1];
-      if (props === null || props === void 0 ? void 0 : props.onChange) {
-        var valueStr = [start === null || start === void 0 ? void 0 : start.format(props.format), end === null || end === void 0 ? void 0 : end.format(props.format)];
-        props === null || props === void 0 ? void 0 : props.onChange(valueStr, value);
+      if (!value) {
+        props === null || props === void 0 ? void 0 : props.onChange(value, other);
+      } else {
+        var _value = _slicedToArray(value, 2),
+          start = _value[0],
+          end = _value[1];
+        if (props === null || props === void 0 ? void 0 : props.onChange) {
+          var valueStr = [start === null || start === void 0 ? void 0 : start.format(props.format), end === null || end === void 0 ? void 0 : end.format(props.format)];
+          props === null || props === void 0 ? void 0 : props.onChange(valueStr, value);
+        }
       }
     };
     return [internalValue, handleChange];
@@ -96,6 +100,10 @@ var ProRangeLimit = function ProRangeLimit(props) {
   }
   // 时间范围change
   var handleRangeChange = function handleRangeChange(date, dateStr) {
+    if (!date) {
+      onChange(date, dateStr);
+      return;
+    }
     var _ref4 = date || [],
       _ref5 = _slicedToArray(_ref4, 2),
       start = _ref5[0],
@@ -108,20 +116,19 @@ var ProRangeLimit = function ProRangeLimit(props) {
   };
   // 长期选择框change
   var handleForeverChange = function handleForeverChange(e) {
-    var _start, _end;
     var foreverStr = e.target.checked ? 'Y' : 'N';
     var _ref8 = value || [],
       _ref9 = _slicedToArray(_ref8, 2),
       start = _ref9[0],
       end = _ref9[1];
     if (e.target.checked) {
+      var _start, _end;
       start = start || moment().startOf('day');
       end = foreverMoment;
+      onChange([start, end, e.target.checked], [(_start = start) === null || _start === void 0 ? void 0 : _start.format(format), (_end = end) === null || _end === void 0 ? void 0 : _end.format(format), foreverStr]);
     } else {
-      start = undefined;
-      end = undefined;
+      onChange(null);
     }
-    onChange([start, end, e.target.checked], [(_start = start) === null || _start === void 0 ? void 0 : _start.format(format), (_end = end) === null || _end === void 0 ? void 0 : _end.format(format), foreverStr]);
   };
   return _jsxs(_Input.Group, {
     compact: true,

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

@@ -11,8 +11,7 @@ export { default as SwitchCheckbox } from './base/SwitchCheckbox';
 export { default as TimePicker } from './base/TimePicker';
 export { default as FormList } from './combination/FormList';
 export { default as ProEditTable } from '../../ProEditTable';
-export { default as ProCascader } from './base/ProCascader';
-export { default as ProAddressBar } from './combination/ProAddressBar';
+export { default as ProCascader } from './combination/ProCascader';
 export { default as ProCombination } from './combination/ProCombination';
 export { default as ProNumberRange } from './combination/ProNumberRange';
 export { default as ProModalSelect } from './combination/ProModalSelect';

package/es/ProForm/components/index.js

@@ -12,22 +12,19 @@ export { default as SwitchCheckbox } from './base/SwitchCheckbox';
 export { default as TimePicker } from './base/TimePicker';
 export { default as FormList } from './combination/FormList';
 export { default as ProEditTable } from '../../ProEditTable';
-export { default as ProCascader } from './base/ProCascader';
 // combination 组合组件
-export { default as ProAddressBar } from './combination/ProAddressBar';
+export { default as ProCascader } from './combination/ProCascader';
 export { default as ProCombination } from './combination/ProCombination';
 export { default as ProNumberRange } from './combination/ProNumberRange';
 export { default as ProModalSelect } from './combination/ProModalSelect';
 export { default as ProTimeLimit } from './combination/ProTimeLimit';
 export { default as ProRangeLimit } from './combination/ProRangeLimit';
 export { default as Group } from './combination/Group';
-// export { default as GroupCopy } from './combination/GroupCopy';
 export { default as ProCollapse } from './combination/Container';
 export { default as Container } from './combination/Container';
 export { default as ProEnum } from '../../ProEnum';
 export { default as ProSelect } from '../../ProSelect';
 export { default as ProUpload } from '../../ProUpload';
-// export { default as ProTreeSelect } from '../../ProTreeSelect';
 export { default as ProTreeModal } from '../../ProTreeModal';
 export { default as ProTree } from '../../ProTree';
 // footer组件