@zat-design/sisyphus-react 3.0.13

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

@@ -0,0 +1,401 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _zatDesignProComponent = require("zat-design-pro-component");
+var _utils = require("@zat-design-pro-component/utils");
+var _useEnum = _interopRequireDefault(require("../../../../ProEnum/useEnum"));
+var _excluded = ["getPopupContainer", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "tooltip"];
+var transformDataName = _utils.tools.transformDataName;
+var filterDataSource = function filterDataSource(dataSource, level) {
+  return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = (0, _zatDesignProComponent.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 = (0, _objectWithoutProperties2.default)(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 = (0, _slicedToArray2.default)(_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 = (0, _useEnum.default)(enumCode);
+  var _ref4 = Array.isArray(enumData) ? enumData : [],
+    _ref5 = (0, _slicedToArray2.default)(_ref4, 1),
+    _ref5$ = _ref5[0],
+    enumDataSource = _ref5$ === void 0 ? [] : _ref5$;
+  var realDataSource = (0, _react.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 = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    serviceData = _useState2[0],
+    setServiceData = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    provinces = _useState4[0],
+    setProvinces = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    provinceOptions = _useState6[0],
+    setProvinceOptions = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    fetched = _useState8[0],
+    setFetched = _useState8[1];
+  var _useSetState = (0, _ahooks.useSetState)({
+      province: '',
+      city: '',
+      county: ''
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_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 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(loadData) {
+      var _yield$service, data, newData, _newData, _provinces, transFormData;
+      return (0, _regeneratorRuntime2.default)().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 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params) {
+      var _yield$service2, data;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return service((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(key, value, extra) {
+      var selectProvince, _newData2, _yield$service3, data, newData;
+      return (0, _regeneratorRuntime2.default)().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((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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((0, _defineProperty2.default)({}, key, item[fieldNames.label]));
+              }
+            });
+          case 12:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function initAddressLabel(_x3, _x4, _x5) {
+      return _ref9.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    if (service) {
+      getProvinces(loadData);
+    }
+  }, [service]);
+  (0, _react.useEffect)(function () {
+    // 传入useRequest时初始化province展示
+    if (service && !fetched && province) {
+      initAddressLabel('province', province, provinceOptions);
+    }
+  }, [province, fetched, provinceOptions]);
+  (0, _react.useEffect)(function () {
+    // 传入useRequest时初始化city展示
+    if (service && !fetched && province && city) {
+      initAddressLabel('city', city, (0, _defineProperty2.default)({}, parentKey, province));
+    }
+  }, [province, city, fetched]);
+  (0, _react.useEffect)(function () {
+    // 传入useRequest时初始化county展示
+    if (service && !fetched && city && county) {
+      initAddressLabel('county', county, (0, _defineProperty2.default)({}, parentKey, city));
+    }
+  }, [city, county, fetched]);
+  (0, _react.useEffect)(function () {
+    // 没有传入useRequest并且是查看时初始化展示
+    if (realIsView && value && realDataSource) {
+      setDefaultLabel(getAddressLabel(realDataSource, value));
+    }
+  }, [realIsView, value, realDataSource]);
+  var handleLoadData = /*#__PURE__*/function () {
+    var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4(selectedOptions) {
+      var targetOption, data;
+      return (0, _regeneratorRuntime2.default)().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((0, _defineProperty2.default)({}, 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((0, _toConsumableArray2.default)(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 ? (0, _toConsumableArray2.default)(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.default.createElement("div", {
+    className: "pro-address"
+  }, realIsView ? viewValue : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, dataSource || enumCode || !loadData ? /*#__PURE__*/_react.default.createElement(_antd.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.default.createElement(_antd.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.default.createElement(_antd.Tooltip, {
+    title: address
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "pro-address-detail"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    disabled: disabled,
+    value: address
+  }))) : /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    allowClear: true,
+    disabled: disabled,
+    value: address,
+    maxLength: detailMaxLength,
+    placeholder: "\u8BF7\u8F93\u5165\u8BE6\u7EC6\u5730\u5740",
+    // @ts-ignore
+    onChange: handleAddressChange
+  }))));
+};
+// @ts-ignore
+var _default = /*#__PURE__*/(0, _react.memo)(ProAddressBar);
+exports.default = _default;

package/lib/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/lib/ProForm/components/combination/ProAddressBar/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/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/lib/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/lib/ProForm/components/combination/ProCombination/index.js

@@ -0,0 +1,204 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.childPropsItemProps = exports.ProCombination = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Container = _interopRequireDefault(require("../../Container"));
+var componentMap = _interopRequireWildcard(require("../../index"));
+var _utils = require("../../../utils");
+var _propsType = require("../../../propsType");
+require("./style/index.less");
+// @ts-nocheck
+
+var useControlled = function useControlled(props) {
+  var value = props.value,
+    onChange = props.onChange;
+  var _useState = (0, _react.useState)(value || []),
+    _useState2 = (0, _slicedToArray2.default)(_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];
+};
+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 = (0, _slicedToArray2.default)(_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 ((0, _utils.isNullValue)((_values2 = _values) === null || _values2 === void 0 ? void 0 : _values2[0]) && (0, _utils.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 = (0, _classnames.default)({
+    'pro-combination': true,
+    'pro-combination-view': isView
+  });
+  var addedOtherKeys = (0, _react.useMemo)(function () {
+    return [].concat((0, _toConsumableArray2.default)(_propsType.otherKeys), ['renderType']);
+  }, [_propsType.otherKeys]);
+  // 剔除其他参数
+  var _useMemo = (0, _react.useMemo)(function () {
+      return (0, _utils.weedOutProps)(childProps[0] || {}, addedOtherKeys);
+    }, [childProps[0]]),
+    _useMemo2 = (0, _slicedToArray2.default)(_useMemo, 2),
+    beforeProps = _useMemo2[0],
+    beforeOtherProps = _useMemo2[1];
+  var _useMemo3 = (0, _react.useMemo)(function () {
+      return (0, _utils.weedOutProps)(childProps[1] || {}, addedOtherKeys);
+    }, [childProps[1]]),
+    _useMemo4 = (0, _slicedToArray2.default)(_useMemo3, 2),
+    afterProps = _useMemo4[0],
+    afterOtherProps = _useMemo4[1];
+  // 查看模式
+  if (isView) {
+    if (!values || !Array.isArray(values)) {
+      return otherProps.viewEmpty;
+    }
+    var childData = (0, _lodash.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.default.createElement(BeforeCom, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, beforeProps), {}, {
+            value: values === null || values === void 0 ? void 0 : values[0],
+            otherProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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.default.createElement(AfterCom, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, afterProps), {}, {
+            value: values === null || values === void 0 ? void 0 : values[1],
+            otherProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, afterOtherProps), {}, {
+              isView: isView
+            })
+          }));
+        } else {
+          twoValue = values === null || values === void 0 ? void 0 : values[1];
+        }
+      }
+    });
+    return /*#__PURE__*/_react.default.createElement(_Container.default, {
+      viewEmpty: viewEmpty
+    }, /*#__PURE__*/_react.default.createElement(_antd.Space, {
+      size: 8
+    }, oneValue, " ", twoValue));
+  }
+  return /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
+    compact: true,
+    className: className
+  }, /*#__PURE__*/_react.default.createElement(BeforeCom, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    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.default.createElement(_antd.Button, {
+    disabled: true
+  }, separator), /*#__PURE__*/_react.default.createElement(AfterCom, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    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
+  })));
+};
+exports.ProCombination = ProCombination;
+ProCombination.defaultProps = {
+  disabled: false
+};
+var childPropsItemProps = function childPropsItemProps(props) {
+  return null;
+};
+exports.childPropsItemProps = childPropsItemProps;
+var _default = ProCombination;
+exports.default = _default;