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

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

@@ -1,9 +1,8 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { Space } from 'antd';
 import React from 'react';
-import { omit } from 'lodash';
+import { isEmpty, omit } from 'lodash';
 import classnames from 'classnames';
 import { insertSeparator } from "./utils";
 import { useTransformColumns } from "./hooks";
@@ -17,7 +16,7 @@ import ComRender from "./component/ComRender";
  * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var Group = function Group(props) {
+var Group = props => {
   var children = props.children,
     className = props.className,
     _props$space = props.space,
@@ -29,9 +28,9 @@ var Group = function Group(props) {
     otherProps = props.otherProps,
     id = props.id,
     isParentView = props.isView,
-    formDisabled = props.disabled;
-  var _ref = otherProps || {},
-    desensitizationKey = _ref.desensitizationKey;
+    formDisabled = props.disabled,
+    _props$split = props.split,
+    split = _props$split === void 0 ? '/' : _props$split;
   var contextProps = ProForm.useFieldProps() || {};
   var names = contextProps.names,
     name = contextProps.name,
@@ -40,43 +39,48 @@ var Group = function Group(props) {
     index = contextProps.index,
     isView = contextProps.isView;
   var nextOption = React.useRef([]);
+  var nextIsView = isParentView || isView || otherProps.isView;
 
   // 组合onChange
-  var handleChange = function handleChange(value, option, index) {
-    var nextValue = props.value ? _toConsumableArray(props.value) : [];
+  var handleChange = (value, option, index) => {
+    var nextValue = props.value ? [...props.value] : [];
     nextValue[index] = value;
     nextOption.current[index] = option;
     onChange(nextValue, nextOption.current);
   };
   var columnsProps = useTransformColumns({
     columns: children,
-    name: name,
-    names: names,
+    name,
+    names,
     onChange: handleChange,
-    namePath: namePath,
-    form: form,
-    index: index,
-    value: value,
+    namePath,
+    form,
+    index,
+    value,
     groupProps: props,
-    formDisabled: formDisabled,
-    desensitizationKey: desensitizationKey
+    formDisabled
   });
   var columns = insertSeparator(columnsProps, space);
-  var nextClassName = classnames(_defineProperty({
+  var nextClassName = classnames({
     'pro-group': true,
-    'pro-group-diy-width': columns.some(function (item) {
+    'pro-group-diy-width': columns.some(item => {
       var _item$fieldProps;
       return item === null || item === void 0 || (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 || (_item$fieldProps = _item$fieldProps.style) === null || _item$fieldProps === void 0 ? void 0 : _item$fieldProps.width;
     }),
-    'pro-group-width-auto': columns.some(function (item) {
+    'pro-group-width-auto': columns.some(item => {
       return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
-    })
-  }, "".concat(className), className));
+    }),
+    'pro-group-view': nextIsView,
+    [`${className}`]: className
+  });
+  if (nextIsView && isEmpty(value)) {
+    return (otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewEmpty) || '-';
+  }
   return /*#__PURE__*/_jsx("div", {
     className: nextClassName,
     id: id,
-    children: space.compact || space !== null && space !== void 0 && space.separator ? /*#__PURE__*/_jsx(Space.Compact, {
-      children: columns.map(function (column, index) {
+    children: (space.compact || space !== null && space !== void 0 && space.separator) && !nextIsView ? /*#__PURE__*/_jsx(_Space.Compact, {
+      children: columns.map((column, index) => {
         column.otherProps = otherProps;
         // 自定义间隔移除对应参数
         if (column !== null && column !== void 0 && column.separator) {
@@ -85,13 +89,15 @@ var Group = function Group(props) {
         }
         return /*#__PURE__*/_jsx(ComRender, _objectSpread({
           contextProps: contextProps,
-          isView: isParentView || isView
+          isView: nextIsView
         }, column), column.name || index);
       })
-    }) : /*#__PURE__*/_jsx(Space, _objectSpread(_objectSpread({
+    }) : /*#__PURE__*/_jsx(_Space, _objectSpread(_objectSpread({
       align: "start"
     }, omit(space, ['separator', 'compact'])), {}, {
-      children: columns.map(function (column, index) {
+      split: nextIsView ? split : null,
+      size: nextIsView ? 0 : space.size,
+      children: columns.map((column, index) => {
         column.otherProps = otherProps;
         if (column !== null && column !== void 0 && column.separator) {
           delete column.separator;
@@ -99,7 +105,7 @@ var Group = function Group(props) {
         }
         return /*#__PURE__*/_jsx(ComRender, _objectSpread({
           contextProps: contextProps,
-          isView: isParentView || isView
+          isView: nextIsView
         }, column), column.name || index);
       })
     }))

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

@@ -27,6 +27,8 @@ export interface GroupType {
     value?: any[];
     onChange?: (value: any[] | null, options?: any[]) => void;
     otherProps?: any;
+    /** 分隔符 */
+    split?: string | React.ReactNode;
 }
 export type GroupColumnType<Values = any> = {
     component?: React.ReactNode | ReactiveFunction<Values, React.ReactNode>;

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

@@ -1,6 +1,13 @@
 .pro-group {
   display: flex;
   width: unset !important;
+  &.pro-group-view {
+    .@{ant-prefix}-space {
+      .@{ant-prefix}-space-item {
+        width: auto;
+      }
+    }
+  }
 
   &.pro-group-diy-width,
   &.pro-group-width-auto {

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

@@ -44,7 +44,6 @@ export declare const getReactiveProps: (params: Params) => {
 type ValueTypeGetterParams = Pick<ProFormColumnType, 'valueType' | 'switchValue' | 'toISOString' | 'toCSTString' | 'disabled' | 'desensitization'> & {
     type?: any;
     mode?: string;
-    desensitizationKey?: string;
 };
 /** 获取当前字段的转换函数 */
 export declare const getValueTypeTrans: (params: ValueTypeGetterParams) => any;

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

@@ -1,10 +1,9 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
+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";
 /**
@@ -12,11 +11,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @param columns 表单配置数组
  * @returns
  */
-export var insertSeparator = function insertSeparator(columns, space) {
+export var insertSeparator = (columns, space) => {
   if (!(space !== null && space !== void 0 && space.separator)) {
     return columns;
   }
-  var separatorIndexs = function () {
+  var separatorIndexs = (() => {
     var reuslt = [];
     if (validate.isEmpty(space === null || space === void 0 ? void 0 : space.separatorIndex)) {
       return reuslt;
@@ -30,16 +29,16 @@ export var insertSeparator = function insertSeparator(columns, space) {
       reuslt = reuslt.concat(space.separatorIndex);
     }
     return reuslt;
-  }();
-  return columns.reduce(function (result, current, index, array) {
+  })();
+  return columns.reduce((result, current, index, array) => {
     // 将当前元素添加到结果数组中
     result.push(current);
     if (separatorIndexs !== null && separatorIndexs !== void 0 && separatorIndexs.length) {
-      separatorIndexs.forEach(function (separatorIndex) {
+      separatorIndexs.forEach(separatorIndex => {
         if (index === separatorIndex) {
           result.push({
             separator: true,
-            component: /*#__PURE__*/_jsx(Button, {
+            component: /*#__PURE__*/_jsx(_Button, {
               className: "group-separator",
               children: space.separator
             }),
@@ -54,7 +53,7 @@ export var insertSeparator = function 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
           }),
@@ -71,15 +70,15 @@ export var insertSeparator = function insertSeparator(columns, space) {
 /** 带出event的组件默认取值方法 */
 export function defaultGetValueFromEvent(valuePropName) {
   var event = arguments.length <= 1 ? undefined : arguments[1];
-  if (event && event.target && _typeof(event.target) === 'object' && valuePropName in event.target) {
+  if (event && event.target && typeof event.target === 'object' && valuePropName in event.target) {
     return event.target[valuePropName];
   }
   return event;
 }
 
 /** 转换names */
-export var transformNamesString = function transformNamesString(arr) {
-  var result = arr.map(function (subArr) {
+export var transformNamesString = arr => {
+  var result = arr.map(subArr => {
     if (Array.isArray(subArr)) {
       return subArr.join('_');
     }
@@ -94,13 +93,13 @@ export var transformNamesString = function transformNamesString(arr) {
  * @param upperCase 是否小写转大写
  * @returns {}
  */
-export var isUpperCase = function isUpperCase(type, upperCase) {
+export var isUpperCase = (type, upperCase) => {
   var result = {};
   if (['Input', 'TextArea'].includes(type) && upperCase) {
-    result.getValueFromEvent = function (event) {
+    result.getValueFromEvent = event => {
       var _event$target;
       if (Array.isArray(event)) {
-        return event.map(function (value) {
+        return event.map(value => {
           var newValue = value === null || value === void 0 ? void 0 : value.replace(/[^a-zA-Z]/g, '');
           return (newValue === null || newValue === void 0 ? void 0 : newValue.toUpperCase()) || '';
         });
@@ -112,7 +111,7 @@ export var isUpperCase = function isUpperCase(type, upperCase) {
   return result;
 };
 /** 计算响应式参数的值 */
-export var getReactiveProps = function getReactiveProps(params) {
+export var getReactiveProps = params => {
   var form = params.form,
     index = params.index,
     namePath = params.namePath,
@@ -123,29 +122,29 @@ export var getReactiveProps = function getReactiveProps(params) {
     desensitization = params.desensitization;
   var values = namePath ? form.getFieldValue(namePath) : form.getFieldsValue();
   var _disabled = isFunction(disabled) ? disabled(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+    form,
+    index,
+    namePath
   }) : disabled;
   var _show = isFunction(show) ? show(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+    form,
+    index,
+    namePath
   }) : show;
   var _component = isFunction(component) ? component(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+    form,
+    index,
+    namePath
   }) : component;
   var _fieldProps = isFunction(fieldProps) ? fieldProps(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+    form,
+    index,
+    namePath
   }) : fieldProps;
   var _desensitization = isFunction(desensitization) ? desensitization(values, {
-    form: form,
-    index: index,
-    namePath: namePath
+    form,
+    index,
+    namePath
   }) : desensitization;
   return {
     disabled: _disabled,
@@ -156,16 +155,16 @@ export var getReactiveProps = function getReactiveProps(params) {
   };
 };
 /** 获取当前字段的转换函数 */
-export var getValueTypeTrans = function getValueTypeTrans(params) {
+export var getValueTypeTrans = params => {
   var _valueTypeMap$valueTy;
   var valueType = params.valueType;
   var transform = (_valueTypeMap$valueTy = valueTypeMap[valueType]) === null || _valueTypeMap$valueTy === void 0 ? void 0 : _valueTypeMap$valueTy.call(valueTypeMap, params);
   return transform;
 };
-var getTrim = function getTrim(value) {
+var getTrim = value => {
   return (value === null || value === void 0 ? void 0 : value.trim()) || '';
 };
-var getUpperCase = function getUpperCase(value) {
+var getUpperCase = value => {
   var _value = value === null || value === void 0 ? void 0 : value.replace(/[^a-zA-Z]/g, '');
   return _value.toUpperCase() || '';
 };
@@ -173,13 +172,13 @@ var getUpperCase = function getUpperCase(value) {
 /** 执行所有中间件 返回处理后的值 */
 export var getValueMiddleware = function getValueMiddleware(value) {
   var callbacks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return callbacks.reduce(function (preValue, cb) {
+  return callbacks.reduce((preValue, cb) => {
     return cb === null || cb === void 0 ? void 0 : cb(preValue);
   }, value);
 };
 
 /** 获取中间件处理后的value */
-export var valueFromEventWrapper = function valueFromEventWrapper(column, args) {
+export var valueFromEventWrapper = (column, args) => {
   var getValueFromEvent = column.getValueFromEvent,
     _column$valuePropName = column.valuePropName,
     valuePropName = _column$valuePropName === void 0 ? 'value' : _column$valuePropName,
@@ -187,9 +186,9 @@ export var valueFromEventWrapper = function valueFromEventWrapper(column, args)
     upperCase = column.upperCase;
   var newValue;
   if (getValueFromEvent) {
-    newValue = getValueFromEvent.apply(void 0, _toConsumableArray(args));
+    newValue = getValueFromEvent(...args);
   } else {
-    newValue = defaultGetValueFromEvent.apply(void 0, [valuePropName].concat(_toConsumableArray(args)));
+    newValue = defaultGetValueFromEvent(valuePropName, ...args);
   }
   var list = [];
   if (trim) list.push(getTrim);

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

@@ -1,11 +1,14 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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 { 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";
@@ -22,12 +25,12 @@ var defaultFieldNames = {
   value: 'code',
   children: 'children'
 };
-var filterDataSource = function filterDataSource(dataSource, level, fieldNames) {
-  return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
-    return _objectSpread(_objectSpread({}, item), {}, _defineProperty({}, (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children', level === 1 ? [] : filterDataSource(item === null || item === void 0 ? void 0 : item[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'], level - 1, fieldNames)));
-  });
+var filterDataSource = (dataSource, level, fieldNames) => {
+  return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(item => _objectSpread(_objectSpread({}, item), {}, {
+    [(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children']: level === 1 ? [] : filterDataSource(item === null || item === void 0 ? void 0 : item[(fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children'], level - 1, fieldNames)
+  }));
 };
-var getViewLabel = function getViewLabel(_ref) {
+var getViewLabel = _ref => {
   var _value2;
   var dataSource = _ref.dataSource,
     value = _ref.value;
@@ -38,17 +41,15 @@ var getViewLabel = function getViewLabel(_ref) {
     _value = [value];
   }
   // 根据dataSource得到label数组，查看模式展示需要
-  (_value2 = _value) === null || _value2 === void 0 || _value2.forEach(function (value, index) {
+  (_value2 = _value) === null || _value2 === void 0 || _value2.forEach((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;
-    });
+    var temp = (_dataSource = dataSource) === null || _dataSource === void 0 ? void 0 : _dataSource.find(item => (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 ProCascader = function ProCascader(props) {
+var ProCascader = props => {
   var _props$otherProps, _useRequest$options3, _value$slice, _ref7, _defaultLabel$filter, _locale$ProAddressBar, _locale$ProAddressBar2;
   var _ref2 = useProConfig('ProAddressBar') || {},
     configDetailMaxLength = _ref2.detailMaxLength,
@@ -95,18 +96,18 @@ var ProCascader = function ProCascader(props) {
   var _useProConfig = useProConfig('ProEnum'),
     _useProConfig$dics = _useProConfig.dics,
     dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var enumDataSource = useMemo(function () {
+  var enumDataSource = useMemo(() => {
     if (!(props !== null && props !== void 0 && props.mode)) {
       return (dics === null || dics === void 0 ? void 0 : dics[addressCode]) || [];
     }
     return Array.isArray(enumData) ? enumData[0] : [];
   }, [dics === null || dics === void 0 ? void 0 : dics[addressCode], enumData]);
-  var realDataSource = useMemo(function () {
+  var realDataSource = useMemo(() => {
     var innerDataSource = dataSource || (addressCode ? enumDataSource : []);
     var result = transformDataName(isAddressMode && realLevel === 2 ? filterDataSource(innerDataSource, level, fieldNames) : innerDataSource, fieldNames);
     return result;
   }, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
-  var lastDisabled = useMemo(function () {
+  var lastDisabled = useMemo(() => {
     if (isBoolean(disabled) || disabled === undefined) {
       return [disabled, disabled];
     }
@@ -122,14 +123,14 @@ var ProCascader = function ProCascader(props) {
     setDefaultLabel = _useState4[1];
 
   // 默认成功处理函数
-  var defaultOnSuccessFun = function defaultOnSuccessFun(res) {
+  var defaultOnSuccessFun = res => {
     var _ref4 = res || {},
       _ref4$status = _ref4.status,
       status = _ref4$status === void 0 ? 200 : _ref4$status,
       msg = _ref4.message,
       data = _ref4.data;
     if (status !== 200) {
-      message.error(msg);
+      _message.error(msg);
       return;
     }
     var newData = data;
@@ -146,7 +147,7 @@ var ProCascader = function ProCascader(props) {
   };
 
   // 数据转换处理
-  var successTransformDataHandle = useCallback(function (res) {
+  var successTransformDataHandle = useCallback(res => {
     if (transformResponse && typeof transformResponse === 'function') {
       return transformResponse(res);
     }
@@ -156,7 +157,7 @@ var ProCascader = function ProCascader(props) {
       msg = _ref5.message,
       data = _ref5.data;
     if (status !== 200) {
-      message.error(msg);
+      _message.error(msg);
       return;
     }
     return data;
@@ -167,7 +168,7 @@ var ProCascader = function ProCascader(props) {
     manual: true,
     debounceWait: 300
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options), {}, {
-    onSuccess: function onSuccess(data) {
+    onSuccess: data => {
       var _useRequest$options, _useRequest$options$o, _useRequest$options2;
       if (transformResponse && typeof transformResponse === 'function') {
         var responseData = transformResponse(data);
@@ -195,7 +196,7 @@ var ProCascader = function ProCascader(props) {
   }
 
   // 设置缓存数据
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     var _useRequest$options4;
     if (!(serviceData !== null && serviceData !== void 0 && serviceData.length) && useRequest !== null && useRequest !== void 0 && (_useRequest$options4 = useRequest.options) !== null && _useRequest$options4 !== void 0 && _useRequest$options4.cacheKey) {
       if (cacheList !== null && cacheList !== void 0 && cacheList.length) {
@@ -205,7 +206,7 @@ var ProCascader = function ProCascader(props) {
   }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
 
   // 初始化请求数据
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     var _useRequest$options5;
     if (!(useRequest !== null && useRequest !== void 0 && useRequest.service)) {
       return;
@@ -221,7 +222,7 @@ var ProCascader = function ProCascader(props) {
     var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
     fetchFunction.run(params);
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options]);
-  useEffect(function () {
+  useEffect(() => {
     if (realIsView && value) {
       var _realDataSource;
       // 传入dataSource + 查看时初始化展示
@@ -238,7 +239,7 @@ var ProCascader = function ProCascader(props) {
       }
     }
   }, [realIsView, value, realDataSource, serviceData]);
-  var handleChange = function handleChange(changeValue, selectedOptions) {
+  var handleChange = (changeValue, selectedOptions) => {
     if (onChange) {
       if (isAddressMode && hasDetail && detail) {
         // 有详情地址
@@ -252,24 +253,16 @@ var ProCascader = function ProCascader(props) {
   };
 
   // showSearch中的筛选函数
-  var handlefilter = function handlefilter(inputValue, path) {
-    return path.some(function (option) {
+  var handlefilter = (inputValue, path) => {
+    return path.some(option => {
       return option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
     });
   };
-  var displayRender = function displayRender(label) {
-    return label === null || label === void 0 ? void 0 : label.filter(function (item) {
-      return !!item;
-    }).join('/');
+  var displayRender = label => {
+    return label === null || label === void 0 ? void 0 : label.filter(item => !!item).join('/');
   };
-  var addressValue = isAddressMode ? value && (_value$slice = value.slice(0, realLevel)) !== null && _value$slice !== 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 || (_ref7 = _ref7.filter(function (item) {
-    return !!item;
-  })) === null || _ref7 === void 0 ? void 0 : _ref7.join(separator)) || '-' : (defaultLabel === null || defaultLabel === void 0 || (_defaultLabel$filter = defaultLabel.filter(function (item) {
-    return !!item;
-  })) === null || _defaultLabel$filter === void 0 ? void 0 : _defaultLabel$filter.join(separator)) || '-';
+  var addressValue = isAddressMode ? value && (_value$slice = value.slice(0, realLevel)) !== null && _value$slice !== void 0 && _value$slice.some(item => !!item) ? value.slice(0, realLevel) : undefined : value;
+  var viewValue = isAddressMode ? ((_ref7 = [...defaultLabel, value === null || value === void 0 ? void 0 : value[realLevel]]) === null || _ref7 === void 0 || (_ref7 = _ref7.filter(item => !!item)) === null || _ref7 === void 0 ? void 0 : _ref7.join(separator)) || '-' : (defaultLabel === null || defaultLabel === void 0 || (_defaultLabel$filter = defaultLabel.filter(item => !!item)) === null || _defaultLabel$filter === void 0 ? void 0 : _defaultLabel$filter.join(separator)) || '-';
   var findSelectedOptions = function findSelectedOptions(options, value) {
     var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     var _value = value !== null && value !== void 0 ? value : [];
@@ -291,26 +284,24 @@ var ProCascader = function ProCascader(props) {
     if (foundOption) {
       // 如果找到了匹配的选项，并且还有更多的 value 需要匹配，递归地在子选项中查找
       if (_value.length > 1 && foundOption.children) {
-        return findSelectedOptions(foundOption.children, _value.slice(1), [].concat(_toConsumableArray(path), [foundOption]));
+        return findSelectedOptions(foundOption.children, _value.slice(1), [...path, foundOption]);
       }
       // 如果没有更多的 value 需要匹配，返回当前选项（以及之前的路径）
-      return [].concat(_toConsumableArray(path), [foundOption]);
+      return [...path, foundOption];
     }
     // 如果没有在当前层级的选项中找到匹配的 value，返回 null
     return null;
   };
-  var _selectedOptions = useMemo(function () {
+  var _selectedOptions = useMemo(() => {
     return findSelectedOptions(useRequest !== null && useRequest !== void 0 && useRequest.service ? serviceData : realDataSource, addressValue);
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, serviceData, realDataSource, addressValue]);
-  var handleAddressChange = function handleAddressChange(e) {
+  var 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 && cascaderValue.every(function (item) {
-        return !item;
-      })) {
+      if (!e.target.value && cascaderValue !== null && cascaderValue !== void 0 && cascaderValue.every(item => !item)) {
         onChange(undefined);
       } else {
-        var realValue = value ? _toConsumableArray(value) : [];
+        var realValue = value ? [...value] : [];
         realValue[realLevel] = e.target.value;
         onChange(realValue, _selectedOptions);
       }
@@ -321,8 +312,8 @@ var ProCascader = function ProCascader(props) {
     viewEmpty: viewEmpty,
     children: viewValue
   }) : /*#__PURE__*/_jsxs("div", {
-    className: "pro-address ".concat(className),
-    children: [/*#__PURE__*/_jsx(Cascader, _objectSpread({
+    className: `pro-address ${className}`,
+    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,
@@ -335,10 +326,10 @@ var ProCascader = function ProCascader(props) {
         limit: 1000
       },
       onChange: handleChange,
-      getPopupContainer: function getPopupContainer(trigger) {
+      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",
@@ -362,7 +353,7 @@ var ProCascader = function ProCascader(props) {
     }))]
   });
 };
-export default /*#__PURE__*/memo(ProCascader, function (prevProps, nextProps) {
+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;

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

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