@zat-design/sisyphus-react 3.0.13

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

@@ -0,0 +1,397 @@
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/cascader/style";
+import _Cascader from "antd/es/cascader";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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";
+var _excluded = ["getPopupContainer", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "tooltip"];
+import React, { useEffect, useState, memo, useMemo } from 'react';
+import { useSetState } from 'ahooks';
+import { useProConfig } from 'zat-design-pro-component';
+import { tools } from '@zat-design-pro-component/utils';
+import useEnum from '../../../../ProEnum/useEnum';
+var transformDataName = tools.transformDataName;
+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 getAddressLabel = function getAddressLabel(dataSource, value) {
+  // 传入dataSource时，得到地址省市区的label，查看模式展示需要
+  return ['province', 'city', 'county'].reduce(function (acc, cur, 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 === null || value === void 0 ? void 0 : value[index]);
+    });
+    dataSource = (temp === null || temp === void 0 ? void 0 : temp.children) || [];
+    acc[cur] = temp === null || temp === void 0 ? void 0 : temp.label;
+    return acc;
+  }, {});
+};
+var levelMap = {
+  1: 'province',
+  2: 'city',
+  3: 'county'
+};
+var ProAddressBar = function ProAddressBar(props) {
+  var _otherProps$otherProp, _ref11, _ref11$filter;
+  var _ref = useProConfig('ProAddressBar') || {},
+    configUseRequest = _ref.useRequest,
+    configTransformResponse = _ref.transformResponse,
+    configDataSource = _ref.dataSource,
+    configDetailMaxLength = _ref.detailMaxLength,
+    configFieldNames = _ref.fieldNames,
+    configEnumCode = _ref.enumCode;
+  var getPopupContainer = props.getPopupContainer,
+    _props$hasDetail = props.hasDetail,
+    hasDetail = _props$hasDetail === void 0 ? true : _props$hasDetail,
+    _props$detailMaxLengt = props.detailMaxLength,
+    detailMaxLength = _props$detailMaxLengt === void 0 ? configDetailMaxLength || 100 : _props$detailMaxLengt,
+    _props$fieldNames = props.fieldNames,
+    fieldNames = _props$fieldNames === void 0 ? configFieldNames || {
+      label: 'name',
+      value: 'code'
+    } : _props$fieldNames,
+    value = props.value,
+    disabled = props.disabled,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? configDataSource : _props$dataSource,
+    onChange = props.onChange,
+    useRequest = props.useRequest,
+    _props$transformRespo = props.transformResponse,
+    transformResponse = _props$transformRespo === void 0 ? configTransformResponse : _props$transformRespo,
+    _props$level = props.level,
+    level = _props$level === void 0 ? 3 : _props$level,
+    _props$isView = props.isView,
+    isView = _props$isView === void 0 ? false : _props$isView,
+    _props$enumCode = props.enumCode,
+    enumCode = _props$enumCode === void 0 ? configEnumCode : _props$enumCode,
+    tooltip = props.tooltip,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var realIsView = isView || (otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$otherProp = otherProps.otherProps) === null || _otherProps$otherProp === void 0 ? void 0 : _otherProps$otherProp.isView);
+  var _ref2 = value || [],
+    _ref3 = _slicedToArray(_ref2, 2),
+    province = _ref3[0],
+    city = _ref3[1];
+  var realLevel = Math.max(2, level);
+  var county = realLevel === 3 ? value === null || value === void 0 ? void 0 : value[realLevel - 1] : undefined;
+  var address = value === null || value === void 0 ? void 0 : value[realLevel];
+  var enumData = useEnum(enumCode);
+  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 || (enumCode ? enumDataSource : []);
+    return realLevel === 2 ? filterDataSource(innerDataSource, level) : innerDataSource;
+  }, [enumCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
+  var _configUseRequest$use = _objectSpread(_objectSpread({}, configUseRequest), useRequest),
+    service = _configUseRequest$use.service,
+    _configUseRequest$use2 = _configUseRequest$use.defaultParams,
+    defaultParams = _configUseRequest$use2 === void 0 ? {
+      dictType: 'basicCode',
+      code: 'CD000049'
+    } : _configUseRequest$use2,
+    _configUseRequest$use3 = _configUseRequest$use.loadData,
+    loadData = _configUseRequest$use3 === void 0 ? true : _configUseRequest$use3,
+    _configUseRequest$use4 = _configUseRequest$use.parentKey,
+    parentKey = _configUseRequest$use4 === void 0 ? 'parentCode' : _configUseRequest$use4;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    serviceData = _useState2[0],
+    setServiceData = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    provinces = _useState4[0],
+    setProvinces = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    provinceOptions = _useState6[0],
+    setProvinceOptions = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    fetched = _useState8[0],
+    setFetched = _useState8[1];
+  var _useSetState = useSetState({
+      province: '',
+      city: '',
+      county: ''
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    defaultLabel = _useSetState2[0],
+    setDefaultLabel = _useSetState2[1];
+  var _ref6 = defaultLabel || {},
+    provinceLabel = _ref6.province,
+    cityLabel = _ref6.city,
+    countyLabel = _ref6.county;
+  var getProvinces = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(loadData) {
+      var _yield$service, data, newData, _newData, _provinces, transFormData;
+      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);
+            }
+            if (loadData) {
+              _provinces = (_newData = newData) === null || _newData === void 0 ? void 0 : _newData.map(function (item) {
+                return {
+                  value: item[fieldNames.value],
+                  label: item[fieldNames.label],
+                  isLeaf: levelMap[realLevel] === 'province',
+                  key: 'province'
+                };
+              });
+              setProvinces(_provinces);
+              setProvinceOptions(_provinces);
+            } else {
+              transFormData = transformDataName(newData, {
+                label: fieldNames.label,
+                value: fieldNames.value,
+                children: 'children'
+              });
+              setServiceData(realLevel === 2 ? filterDataSource(transFormData, level) : transFormData);
+            }
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function getProvinces(_x) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  var getAddressData = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
+      var _yield$service2, data;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return service(_objectSpread(_objectSpread({}, defaultParams), params));
+          case 2:
+            _yield$service2 = _context2.sent;
+            data = _yield$service2.data;
+            if (!transformResponse) {
+              _context2.next = 6;
+              break;
+            }
+            return _context2.abrupt("return", transformResponse(data));
+          case 6:
+            return _context2.abrupt("return", data);
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function getAddressData(_x2) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  // 传入useRequest时，得到地址省市区的label，初次加载需要
+  var initAddressLabel = /*#__PURE__*/function () {
+    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(key, value, extra) {
+      var selectProvince, _newData2, _yield$service3, data, newData;
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!(key === 'province')) {
+              _context3.next = 5;
+              break;
+            }
+            selectProvince = extra === null || extra === void 0 ? void 0 : extra.find(function (item) {
+              return item.value === value;
+            });
+            selectProvince && setDefaultLabel({
+              province: selectProvince.label
+            });
+            _context3.next = 12;
+            break;
+          case 5:
+            _context3.next = 7;
+            return service(_objectSpread(_objectSpread({}, defaultParams), extra));
+          case 7:
+            _yield$service3 = _context3.sent;
+            data = _yield$service3.data;
+            newData = data;
+            if (transformResponse) {
+              newData = transformResponse(data);
+            }
+            (_newData2 = newData) === null || _newData2 === void 0 ? void 0 : _newData2.forEach(function (item) {
+              if (item[fieldNames.value] === value) {
+                // @ts-ignore
+                setDefaultLabel(_defineProperty({}, key, item[fieldNames.label]));
+              }
+            });
+          case 12:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function initAddressLabel(_x3, _x4, _x5) {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (service) {
+      getProvinces(loadData);
+    }
+  }, [service]);
+  useEffect(function () {
+    // 传入useRequest时初始化province展示
+    if (service && !fetched && province) {
+      initAddressLabel('province', province, provinceOptions);
+    }
+  }, [province, fetched, provinceOptions]);
+  useEffect(function () {
+    // 传入useRequest时初始化city展示
+    if (service && !fetched && province && city) {
+      initAddressLabel('city', city, _defineProperty({}, parentKey, province));
+    }
+  }, [province, city, fetched]);
+  useEffect(function () {
+    // 传入useRequest时初始化county展示
+    if (service && !fetched && city && county) {
+      initAddressLabel('county', county, _defineProperty({}, parentKey, city));
+    }
+  }, [city, county, fetched]);
+  useEffect(function () {
+    // 没有传入useRequest并且是查看时初始化展示
+    if (realIsView && value && realDataSource) {
+      setDefaultLabel(getAddressLabel(realDataSource, value));
+    }
+  }, [realIsView, value, realDataSource]);
+  var handleLoadData = /*#__PURE__*/function () {
+    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(selectedOptions) {
+      var targetOption, data;
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            targetOption = selectedOptions[selectedOptions.length - 1];
+            targetOption.loading = true;
+            _context4.next = 4;
+            return getAddressData(_defineProperty({}, parentKey, targetOption === null || targetOption === void 0 ? void 0 : targetOption.value));
+          case 4:
+            data = _context4.sent;
+            targetOption.loading = false;
+            targetOption.children = data === null || data === void 0 ? void 0 : data.map(function (item) {
+              return {
+                value: item[fieldNames.value],
+                label: item[fieldNames.label],
+                isLeaf: targetOption.key === levelMap[realLevel - 1],
+                key: targetOption.key === 'province' ? 'city' : 'county'
+              };
+            });
+            setProvinces(_toConsumableArray(provinces));
+            setFetched(true);
+          case 9:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }));
+    return function handleLoadData(_x6) {
+      return _ref10.apply(this, arguments);
+    };
+  }();
+  var handleChange = function handleChange(changeValue) {
+    if (onChange) {
+      if (hasDetail && address) {
+        var realValue = changeValue || [];
+        realValue[realLevel] = address;
+        onChange(realValue);
+      } else {
+        onChange(changeValue);
+      }
+    }
+  };
+  var handleAddressChange = function handleAddressChange(e) {
+    if (onChange) {
+      if (!e.target.value && !province && !city && !county) {
+        onChange(undefined);
+      } else {
+        var realValue = value ? _toConsumableArray(value) : [];
+        realValue[realLevel] = e.target.value;
+        onChange(realValue);
+      }
+    }
+  };
+  var displayRender = function displayRender(label) {
+    var _filter;
+    if (fetched) {
+      return label === null || label === void 0 ? void 0 : label.filter(function (item) {
+        return !!item;
+      }).join('/');
+    }
+    return value ? (_filter = [provinceLabel, cityLabel, countyLabel].filter(function (item) {
+      return !!item;
+    })) === null || _filter === void 0 ? void 0 : _filter.join('/') : undefined;
+  };
+  var addressValue = value && (province || city || county) ? [province, city, county].slice(0, realLevel) : undefined;
+  var viewValue = ((_ref11 = [provinceLabel, cityLabel, countyLabel, value === null || value === void 0 ? void 0 : value[realLevel]]) === null || _ref11 === void 0 ? void 0 : (_ref11$filter = _ref11.filter(function (item) {
+    return !!item;
+  })) === null || _ref11$filter === void 0 ? void 0 : _ref11$filter.join('/')) || '-';
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pro-address"
+  }, realIsView ? viewValue : /*#__PURE__*/React.createElement(React.Fragment, null, dataSource || enumCode || !loadData ? /*#__PURE__*/React.createElement(_Cascader, {
+    className: hasDetail ? '' : 'no-detail',
+    placeholder: "\u8BF7\u9009\u62E9",
+    value: addressValue,
+    options: !loadData ? serviceData : realDataSource,
+    disabled: disabled,
+    displayRender: function displayRender(label) {
+      return label === null || label === void 0 ? void 0 : label.filter(function (item) {
+        return !!item;
+      }).join('/');
+    },
+    // @ts-ignore
+    onChange: handleChange
+  }) : /*#__PURE__*/React.createElement(_Cascader, {
+    className: hasDetail ? '' : 'no-detail',
+    placeholder: "\u8BF7\u9009\u62E9",
+    value: addressValue,
+    loadData: handleLoadData,
+    // @ts-ignore
+    options: provinces,
+    disabled: disabled,
+    displayRender: displayRender,
+    changeOnSelect: true,
+    // @ts-ignore
+    onChange: handleChange
+  }), hasDetail && (tooltip && disabled && address ? /*#__PURE__*/React.createElement(_Tooltip, {
+    title: address
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "pro-address-detail"
+  }, /*#__PURE__*/React.createElement(_Input, {
+    disabled: disabled,
+    value: address
+  }))) : /*#__PURE__*/React.createElement(_Input, {
+    allowClear: true,
+    disabled: disabled,
+    value: address,
+    maxLength: detailMaxLength,
+    placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740",
+    // @ts-ignore
+    onChange: handleAddressChange
+  }))));
+};
+// @ts-ignore
+export default /*#__PURE__*/memo(ProAddressBar);

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

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { DefaultOptionType } from 'rc-select/lib/Select';
+import { Service } from 'ahooks/lib/useRequest/src/types';
+export interface AddressProps {
+    getPopupContainer?: () => ReactNode;
+    isView?: boolean;
+    value?: string[];
+    disabled?: boolean;
+    hasDetail?: boolean;
+    tooltip?: boolean;
+    detailMaxLength?: number;
+    fieldNames?: {
+        label: string;
+        value: string;
+    };
+    dataSource?: DefaultOptionType[];
+    useRequest?: {
+        loadData?: boolean;
+        service: Service<any, any>;
+        defaultParams?: any;
+        parentKey?: string;
+    };
+    onChange?: (value: string[]) => void;
+    transformResponse?: (data: any[]) => any[];
+    level?: number;
+    enumCode?: string;
+    otherProps?: any;
+}

package/es/ProForm/components/combination/ProAddressBar/propsType.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,26 @@
+.pro-address {
+  display: flex;
+  width: 100%;
+
+  .ant-cascader {
+    width: 50% !important;
+
+    &.no-detail {
+      width: 100% !important;
+    }
+  }
+
+  .pro-address-detail {
+    width: 50%;
+    margin-left: 2px;
+
+    .ant-input-affix-wrapper {
+      width: 100%;
+    }
+  }
+
+  .ant-input-affix-wrapper {
+    width: 50%;
+    margin-left: 2px;
+  }
+}

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ProCombinationProps, ChildPropsItemProps } from './propsType';
+import './style/index.less';
+export declare const ProCombination: FC<ProCombinationProps>;
+export declare const childPropsItemProps: FC<ChildPropsItemProps>;
+export default ProCombination;

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

@@ -0,0 +1,197 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+// @ts-nocheck
+import React, { useMemo, useState } from 'react';
+import { cloneDeep } from 'lodash';
+import classNames from 'classnames';
+import Container from '../../Container';
+import * as componentMap from '../../index';
+import { isNullValue, weedOutProps } from '../../../utils';
+import { otherKeys } from '../../../propsType';
+import './style/index.less';
+var useControlled = function useControlled(props) {
+  var value = props.value,
+    onChange = props.onChange;
+  var _useState = useState(value || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    _values = _useState2[0],
+    setValues = _useState2[1];
+  var handleChange = function handleChange() {
+    for (var _len = arguments.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+      rest[_key] = arguments[_key];
+    }
+    setValues(rest[0]);
+    onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, rest);
+  };
+  if ('value' in props) {
+    return [value, function () {
+      for (var _len2 = arguments.length, rest = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        rest[_key2] = arguments[_key2];
+      }
+      return onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, rest);
+    }];
+  }
+  return [_values, handleChange];
+};
+export var ProCombination = function ProCombination(props) {
+  var _childProps$, _childProps$2;
+  var disabled = props.disabled,
+    _props$childProps = props.childProps,
+    childProps = _props$childProps === void 0 ? [{
+      renderType: 'Input'
+    }, {
+      renderType: 'Input'
+    }] : _props$childProps,
+    separator = props.separator,
+    _props$otherProps = props.otherProps,
+    otherProps = _props$otherProps === void 0 ? {} : _props$otherProps;
+  var _otherProps$isView = otherProps.isView,
+    isView = _otherProps$isView === void 0 ? false : _otherProps$isView,
+    viewEmpty = otherProps.viewEmpty,
+    form = otherProps.form;
+  // 取到对应组件
+  var _ref = [componentMap[((_childProps$ = childProps[0]) === null || _childProps$ === void 0 ? void 0 : _childProps$.renderType) || 'Input'], componentMap[((_childProps$2 = childProps[1]) === null || _childProps$2 === void 0 ? void 0 : _childProps$2.renderType) || 'Input']],
+    BeforeCom = _ref[0],
+    AfterCom = _ref[1];
+  var _useControlled = useControlled(props),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    values = _useControlled2[0],
+    _handleChange = _useControlled2[1];
+  var handleChange = function handleChange(value, rest, index) {
+    var _value, _value$target, _values2, _values3, _childProps$index, _childProps$index$onC;
+    if (((_value = value) === null || _value === void 0 ? void 0 : (_value$target = _value.target) === null || _value$target === void 0 ? void 0 : _value$target.value) !== undefined) {
+      value = value.target.value;
+    }
+    var _values;
+    if (index === 0) {
+      _values = [value, values === null || values === void 0 ? void 0 : values[1]];
+    }
+    if (index === 1) {
+      _values = [values === null || values === void 0 ? void 0 : values[0], value];
+    }
+    // 如果两个值都不存在 则values置为[] 防止必填校验无效
+    if (isNullValue((_values2 = _values) === null || _values2 === void 0 ? void 0 : _values2[0]) && isNullValue((_values3 = _values) === null || _values3 === void 0 ? void 0 : _values3[1])) {
+      _values = [];
+    }
+    _handleChange(_values, rest === null || rest === void 0 ? void 0 : rest[0], form);
+    (_childProps$index = childProps[index]) === null || _childProps$index === void 0 ? void 0 : (_childProps$index$onC = _childProps$index.onChange) === null || _childProps$index$onC === void 0 ? void 0 : _childProps$index$onC.call(_childProps$index, value, rest === null || rest === void 0 ? void 0 : rest[0], form); // 支持子组件分别传入onChange
+  };
+
+  var className = classNames({
+    'pro-combination': true,
+    'pro-combination-view': isView
+  });
+  var addedOtherKeys = useMemo(function () {
+    return [].concat(_toConsumableArray(otherKeys), ['renderType']);
+  }, [otherKeys]);
+  // 剔除其他参数
+  var _useMemo = useMemo(function () {
+      return weedOutProps(childProps[0] || {}, addedOtherKeys);
+    }, [childProps[0]]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    beforeProps = _useMemo2[0],
+    beforeOtherProps = _useMemo2[1];
+  var _useMemo3 = useMemo(function () {
+      return weedOutProps(childProps[1] || {}, addedOtherKeys);
+    }, [childProps[1]]),
+    _useMemo4 = _slicedToArray(_useMemo3, 2),
+    afterProps = _useMemo4[0],
+    afterOtherProps = _useMemo4[1];
+  // 查看模式
+  if (isView) {
+    if (!values || !Array.isArray(values)) {
+      return otherProps.viewEmpty;
+    }
+    var childData = cloneDeep(childProps);
+    if (!childData || Array.isArray(childData) && !childData.length) {
+      childData.push({
+        renderType: 'Input'
+      });
+      childData.push({
+        renderType: 'Input'
+      });
+    }
+    if (childData.length === 1) {
+      childData.push({
+        renderType: 'Input'
+      });
+    }
+    // 第一个值
+    var oneValue = '-';
+    // 第二个值
+    var twoValue = '-';
+    childData.forEach(function (item, index) {
+      if (index === 0 && (values === null || values === void 0 ? void 0 : values[0])) {
+        if (['ProEnum', 'ProSelect', 'Select'].includes(item.renderType)) {
+          oneValue = /*#__PURE__*/React.createElement(BeforeCom, _objectSpread(_objectSpread({}, beforeProps), {}, {
+            value: values === null || values === void 0 ? void 0 : values[0],
+            otherProps: _objectSpread(_objectSpread({}, beforeOtherProps), {}, {
+              isView: isView
+            })
+          }));
+        } else {
+          oneValue = values === null || values === void 0 ? void 0 : values[0];
+        }
+      }
+      if (index === 1 && (values === null || values === void 0 ? void 0 : values[1])) {
+        if (['ProEnum', 'ProSelect', 'Select'].includes(item.renderType)) {
+          twoValue = /*#__PURE__*/React.createElement(AfterCom, _objectSpread(_objectSpread({}, afterProps), {}, {
+            value: values === null || values === void 0 ? void 0 : values[1],
+            otherProps: _objectSpread(_objectSpread({}, afterOtherProps), {}, {
+              isView: isView
+            })
+          }));
+        } else {
+          twoValue = values === null || values === void 0 ? void 0 : values[1];
+        }
+      }
+    });
+    return /*#__PURE__*/React.createElement(Container, {
+      viewEmpty: viewEmpty
+    }, /*#__PURE__*/React.createElement(_Space, {
+      size: 8
+    }, oneValue, " ", twoValue));
+  }
+  return /*#__PURE__*/React.createElement(_Input.Group, {
+    compact: true,
+    className: className
+  }, /*#__PURE__*/React.createElement(BeforeCom, _objectSpread(_objectSpread({
+    disabled: disabled
+  }, beforeProps), {}, {
+    value: values === null || values === void 0 ? void 0 : values[0],
+    onChange: function onChange(value) {
+      for (var _len3 = arguments.length, rest = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+        rest[_key3 - 1] = arguments[_key3];
+      }
+      return handleChange(value, rest, 0);
+    },
+    otherProps: beforeOtherProps
+  })), isView ? separator : separator && /*#__PURE__*/React.createElement(_Button, {
+    disabled: true
+  }, separator), /*#__PURE__*/React.createElement(AfterCom, _objectSpread(_objectSpread({
+    disabled: disabled
+  }, afterProps), {}, {
+    value: values === null || values === void 0 ? void 0 : values[1],
+    onChange: function onChange(value) {
+      for (var _len4 = arguments.length, rest = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
+        rest[_key4 - 1] = arguments[_key4];
+      }
+      return handleChange(value, rest, 1);
+    },
+    otherProps: afterOtherProps
+  })));
+};
+ProCombination.defaultProps = {
+  disabled: false
+};
+export var childPropsItemProps = function childPropsItemProps(props) {
+  return null;
+};
+export default ProCombination;