@zat-design/sisyphus-react 3.4.4 → 3.4.5-beta.2

package/babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@babel/preset-env', ['@babel/preset-react', { runtime: 'automatic' }]],
+};

package/dist/index.esm.css

@@ -1459,6 +1459,44 @@
   font-size: var(--zaui-font-size-lg, 16px);
   border-bottom: 1px solid var(--zaui-line, #dddddd);
 }
+.pro-step > .step-menu > .anticon {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 48px;
+  height: 24px;
+}
+.pro-step > .step-menu > .anticon > .menu-icon {
+  width: auto !important;
+  height: auto !important;
+  font-size: var(--zaui-font-size-lg-title, 24px);
+  fill: var(--zaui-brand, #006aff);
+}
+.pro-step > .step-menu > .anticon > .menu-icon > div {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 48px;
+  height: 24px;
+}
 .pro-step > .step-menu > .menu-icon {
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
@@ -4409,20 +4447,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   gap: var(--zaui-space-size-sm, 8px) !important;
 }
 .pro-theme-prd-tools-drawer p {
-  padding-left: 12px;
   position: relative;
   margin-bottom: var(--zaui-space-size-md, 16px);
+  padding-left: 12px;
   font-size: var(--zaui-font-size, 14px);
 }
 .pro-theme-prd-tools-drawer p:before {
-  content: '';
   position: absolute;
-  left: 0;
   top: 4px;
+  left: 0;
   width: 4px;
   height: 14px;
   background: var(--zaui-brand, #006aff);
   border-radius: var(zaui-border-radius-card, 4px);
+  content: '';
 }
 .pro-theme-prd-tools-drawer .pro-theme-color {
   display: -webkit-box;
@@ -4431,25 +4469,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   display: flex;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li {
-  width: 38px;
-  height: 38px;
-  border-radius: 50%;
-  background: #fff;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
-  border: 6px solid #fff;
-  color: #fff;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 38px;
+  height: 38px;
   margin-right: 34px;
+  color: #fff;
+  background: #fff;
+  border: 6px solid #fff;
+  border-radius: 50%;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li span {
   font-size: var(--zaui-font-size, 14px);
@@ -4477,35 +4515,42 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-color: #ffecdd;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4) {
-  margin-right: 0;
   background: #a00f20;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4).active,
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4):hover {
   border-color: #f2dbdb;
 }
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5) {
+  margin-right: 0;
+  background: #31af96;
+}
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5).active,
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5):hover {
+  border-color: #f2dbdb;
+}
 .pro-theme-prd-tools-drawer .anticon-question-circle {
   color: var(--zaui-brand, #006aff);
 }
 .pro-theme-prd-tools-drawer .copy-btn {
   position: absolute;
-  width: calc(100% - 64px);
   bottom: 20px;
   left: 32px;
   z-index: 10;
+  width: calc(100% - 64px);
 }
 .pro-theme-prd-tools-drawer .pro-theme-tools-box {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  -webkit-flex-wrap: wrap;
-      -ms-flex-wrap: wrap;
-          flex-wrap: wrap;
 }
 .pro-theme-prd-tools-drawer .pro-theme-tools-space {
   margin-bottom: 24px;

package/dist/less.esm.css

@@ -1459,6 +1459,44 @@
   font-size: var(--zaui-font-size-lg, 16px);
   border-bottom: 1px solid var(--zaui-line, #dddddd);
 }
+.pro-step > .step-menu > .anticon {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 48px;
+  height: 24px;
+}
+.pro-step > .step-menu > .anticon > .menu-icon {
+  width: auto !important;
+  height: auto !important;
+  font-size: var(--zaui-font-size-lg-title, 24px);
+  fill: var(--zaui-brand, #006aff);
+}
+.pro-step > .step-menu > .anticon > .menu-icon > div {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 48px;
+  height: 24px;
+}
 .pro-step > .step-menu > .menu-icon {
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
@@ -4409,20 +4447,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   gap: var(--zaui-space-size-sm, 8px) !important;
 }
 .pro-theme-prd-tools-drawer p {
-  padding-left: 12px;
   position: relative;
   margin-bottom: var(--zaui-space-size-md, 16px);
+  padding-left: 12px;
   font-size: var(--zaui-font-size, 14px);
 }
 .pro-theme-prd-tools-drawer p:before {
-  content: '';
   position: absolute;
-  left: 0;
   top: 4px;
+  left: 0;
   width: 4px;
   height: 14px;
   background: var(--zaui-brand, #006aff);
   border-radius: var(zaui-border-radius-card, 4px);
+  content: '';
 }
 .pro-theme-prd-tools-drawer .pro-theme-color {
   display: -webkit-box;
@@ -4431,25 +4469,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   display: flex;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li {
-  width: 38px;
-  height: 38px;
-  border-radius: 50%;
-  background: #fff;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
-  border: 6px solid #fff;
-  color: #fff;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 38px;
+  height: 38px;
   margin-right: 34px;
+  color: #fff;
+  background: #fff;
+  border: 6px solid #fff;
+  border-radius: 50%;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li span {
   font-size: var(--zaui-font-size, 14px);
@@ -4477,35 +4515,42 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-color: #ffecdd;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4) {
-  margin-right: 0;
   background: #a00f20;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4).active,
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4):hover {
   border-color: #f2dbdb;
 }
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5) {
+  margin-right: 0;
+  background: #31af96;
+}
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5).active,
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5):hover {
+  border-color: #f2dbdb;
+}
 .pro-theme-prd-tools-drawer .anticon-question-circle {
   color: var(--zaui-brand, #006aff);
 }
 .pro-theme-prd-tools-drawer .copy-btn {
   position: absolute;
-  width: calc(100% - 64px);
   bottom: 20px;
   left: 32px;
   z-index: 10;
+  width: calc(100% - 64px);
 }
 .pro-theme-prd-tools-drawer .pro-theme-tools-box {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  -webkit-flex-wrap: wrap;
-      -ms-flex-wrap: wrap;
-          flex-wrap: wrap;
 }
 .pro-theme-prd-tools-drawer .pro-theme-tools-space {
   margin-bottom: 24px;

package/es/ProConfigProvider/index.js

@@ -53,9 +53,6 @@ var reducer = function reducer(state, action) {
     case 'setWithLocal':
       {
         var _state = merge({}, state, action.payload);
-        var localConfigStr = localStorage.getItem('localConfig');
-        var localConfig = JSON.parse(localConfigStr || '{}');
-        localStorage.setItem('localConfig', JSON.stringify(merge(localConfig, action.payload)));
         return _state;
       }
     case 'setProEnum':

package/es/ProEditTable/components/RenderField/index.js

@@ -74,7 +74,8 @@ var RenderField = function RenderField(_ref) {
     originalValues = config.originalValues,
     formNamePath = config.namePath,
     _config$originalDiffT = config.originalDiffTip,
-    originalDiffTip = _config$originalDiffT === void 0 ? true : _config$originalDiffT;
+    originalDiffTip = _config$originalDiffT === void 0 ? true : _config$originalDiffT,
+    rowDisabled = config.rowDisabled;
   var _fieldProps = fieldProps || formItemProps || {};
   var _rules = rules || [];
   var _required = required;
@@ -99,7 +100,7 @@ var RenderField = function RenderField(_ref) {
     isEditable = isEditable(currentValue, rowData, options);
   }
   // 是否只读文本
-  var isView = !isEditable || (record === null || record === void 0 ? void 0 : record['is-view']) || config.isView || virtualKey && !isEditing;
+  var isView = !isEditable || (record === null || record === void 0 ? void 0 : record['is-view']) || config.isView || virtualKey && !isEditing || (rowDisabled === null || rowDisabled === void 0 ? void 0 : rowDisabled(record));
   // 只读文本时，采用当前formItem的name，单行编辑时，使用生成的虚拟的name
   var baseName = isView ? name : namePath;
   var TargetComponent;

package/es/ProEditTable/index.js

@@ -11,7 +11,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey"];
+var _excluded = ["value", "onChange", "className", "columns", "type", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "originalValues", "originalDiffTip", "rowKey", "rowDisabled"];
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { get, isArray } from 'lodash';
@@ -51,6 +51,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     originalValues = _ref.originalValues,
     originalDiffTip = _ref.originalDiffTip,
     rowKey = _ref.rowKey,
+    rowDisabled = _ref.rowDisabled,
     resetProps = _objectWithoutProperties(_ref, _excluded);
   // 上下文form
   var contentForm = _Form.useFormInstance();
@@ -159,7 +160,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     page: page,
     originalValues: originalValues,
     originalDiffTip: originalDiffTip,
-    prefixCls: prefixCls
+    prefixCls: prefixCls,
+    rowDisabled: rowDisabled
   };
   // 编辑行设置下样式
   var _rowClassName = function _rowClassName(record) {
@@ -180,6 +182,15 @@ var ProEditTable = function ProEditTable(_ref, ref) {
         selectedRowKeys: selectedRowKeys,
         selectedRows: selectedRows
       });
+    },
+    getCheckboxProps: function getCheckboxProps(record) {
+      if (rowDisabled) {
+        var _disabled = rowDisabled(record);
+        return {
+          disabled: _disabled
+        };
+      }
+      return {};
     }
   }, rowSelection);
   // 判断是否禁止添加、批量删除

package/es/ProEditTable/propsType.d.ts

@@ -246,4 +246,5 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
      * @default           -
      */
     headerRender?: ReactNode;
+    rowDisabled?: (record?: T) => string | boolean;
 }

package/es/ProEditTable/utils/index.js

@@ -32,7 +32,8 @@ var getActionColumn = function getActionColumn(config) {
     validateKeys = config.validateKeys,
     actionWidth = config.actionWidth,
     actionProps = config.actionProps,
-    page = config.page;
+    page = config.page,
+    rowDisabled = config.rowDisabled;
   var pageNum = tools.calc(page.pageNum, '-', 1);
   var firstIndex = tools.calc(pageNum, '*', page.pageSize);
   // actionProps配置为false 默认不插入
@@ -184,6 +185,11 @@ var getActionColumn = function getActionColumn(config) {
     fixed: 'right',
     width: actionWidth || (virtualKey ? '120px' : '60px'),
     render: function render(text, record, index) {
+      var _rowDisabled;
+      var _disabled = (_rowDisabled = rowDisabled === null || rowDisabled === void 0 ? void 0 : rowDisabled(record)) !== null && _rowDisabled !== void 0 ? _rowDisabled : false;
+      if (_disabled) {
+        return '';
+      }
       return _jsx(_Space, {
         size: "middle",
         children: actionBtns.map(function (btnConfig) {

package/es/ProEnum/components/Group.js

@@ -1,6 +1,7 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 var Group = function Group(props) {
   var value = props.value,
     onChange = props.onChange,
@@ -10,12 +11,17 @@ var Group = function Group(props) {
     disabled = props.disabled,
     _props$allowClear = props.allowClear,
     allowClear = _props$allowClear === void 0 ? true : _props$allowClear;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    refresh = _useState2[0],
+    setRefresh = _useState2[1];
   var idx = useRef(-1);
   useEffect(function () {
     var index = dataSource.findIndex(function (item) {
       return item[fieldValue] === value;
     });
     idx.current = index;
+    setRefresh(!refresh);
   }, [value]);
   var handleClick = function handleClick(val, index) {
     if (value === val) {

package/es/ProEnum/style/index.less

@@ -9,7 +9,7 @@
   }
   &-group-root-disabled {
     color: rgba(0, 0, 0, 0.25);
-    .pro-enum-group-item{
+    .pro-enum-group-item {
       cursor: not-allowed !important;
     }
   }
@@ -52,8 +52,9 @@
       &::after {
         position: absolute;
         top: var(--zaui-space-size-sm);
-        right: 0;
+        right: -2px;
         bottom: var(--zaui-space-size-sm);
+        z-index: 1;
         width: 1px;
         background: var(--zaui-brand);
         opacity: 0.7;

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

@@ -23,7 +23,8 @@ var FormList = function FormList(props, ref) {
     mode = _props$mode === void 0 ? 'line' : _props$mode,
     meta = props.meta,
     _props$span = props.span,
-    span = _props$span === void 0 ? 8 : _props$span;
+    span = _props$span === void 0 ? 8 : _props$span,
+    disabled = props.disabled;
   var _fields = fields.map(function (item) {
     return _objectSpread(_objectSpread({}, item), {}, {
       key: String(item.key)
@@ -32,8 +33,7 @@ var FormList = function FormList(props, ref) {
   var _ref = ProForm.useFieldProps() || {},
     form = _ref.form,
     name = _ref.name,
-    isView = _ref.isView,
-    disabled = _ref.disabled;
+    isView = _ref.isView;
   var errors = meta.errors;
   var _namePath = toArray(name);
   var processColumns = useCallback(function (fieldName, namePath) {
@@ -89,7 +89,7 @@ var FormList = function FormList(props, ref) {
         var _columns = processColumns(index, namePath);
         return mode === 'block' ? _jsx(BlockFields, _objectSpread(_objectSpread({}, props), {}, {
           columns: _columns,
-          disabled: disabled || (props === null || props === void 0 ? void 0 : props.disabled),
+          disabled: disabled,
           isView: isView,
           namePath: namePath,
           index: index,
@@ -103,7 +103,7 @@ var FormList = function FormList(props, ref) {
         }, props), {}, {
           mode: mode,
           columns: _columns,
-          disabled: disabled || (props === null || props === void 0 ? void 0 : props.disabled),
+          disabled: disabled,
           isView: isView,
           namePath: namePath,
           index: index,

package/es/ProForm/components/combination/GroupCopy/component/ComRender.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface Props {
+    type: string;
+    component: React.ReactElement;
+    value: any;
+    onChange: any;
+    disabled: any;
+    confirm: any;
+    fieldProps: any;
+    contextProps: any;
+}
+/** 渲染组件 */
+declare const ComRender: React.FC<Props>;
+export default ComRender;

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

@@ -0,0 +1,36 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["type", "confirm", "component", "fieldProps", "contextProps"];
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ConfirmWrapper from '@/ProForm/components/render/ConfirmWrapper';
+import { FieldProvider } from '@/ProForm/utils/useFieldProps';
+import * as componentMap from '../../../../../index';
+/** 渲染组件 */
+var ComRender = function ComRender(props) {
+  var type = props.type,
+    confirm = props.confirm,
+    component = props.component,
+    fieldProps = props.fieldProps,
+    contextProps = props.contextProps,
+    rest = _objectWithoutProperties(props, _excluded);
+  var TypeComponent = componentMap[type];
+  var componentProps = _objectSpread(_objectSpread({}, fieldProps), rest);
+  var Component;
+  if (confirm) {
+    Component = _jsx(ConfirmWrapper, _objectSpread(_objectSpread({
+      confirm: confirm
+    }, componentProps), {}, {
+      children: component || _jsx(TypeComponent, _objectSpread({}, componentProps))
+    }));
+  } else {
+    Component = component ? ( /*#__PURE__*/React.cloneElement(component, _objectSpread({}, componentProps))) : _jsx(TypeComponent, _objectSpread({}, componentProps));
+  }
+  return _jsx(FieldProvider, {
+    value: _objectSpread(_objectSpread({}, contextProps), {}, {
+      type: type
+    }),
+    children: Component
+  });
+};
+export default ComRender;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { GroupProps } from './propsType';
+/**
+ * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
+ * 2.
+ *
+ * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
+ */
+declare const GroupCopy: React.FC<GroupProps>;
+export default GroupCopy;

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

@@ -0,0 +1,84 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { omit } from 'lodash';
+import classnames from 'classnames';
+import { insertSeparator, transformColumns } from './utils';
+import ProForm from '../../../../ProForm';
+import ComRender from './component/ComRender';
+/**
+ * 1. 外层过滤FormItem相关属性, 但是子元素上的 required [disabled] [show] rules [fieldProps] [component] 需要取到并
+ * 2.
+ *
+ * render内部能力 show, component, value, onChange, disabled, clearNotShow, fieldProps
+ */
+var GroupCopy = function GroupCopy(props) {
+  var children = props.children,
+    className = props.className,
+    _props$space = props.space,
+    space = _props$space === void 0 ? {
+      size: 12
+    } : _props$space,
+    value = props.value,
+    onChange = props.onChange;
+  var contextProps = ProForm.useFieldProps() || {};
+  var names = contextProps.names,
+    name = contextProps.name,
+    form = contextProps.form,
+    namePath = contextProps.namePath,
+    index = contextProps.index;
+  var _value = value && _toConsumableArray(value) || [];
+  var _option = React.useRef([]);
+  // 组合onChange
+  var handleChange = function handleChange(value, option, index) {
+    _value[index] = value;
+    _option.current[index] = option;
+    onChange(_value, _option.current);
+  };
+  var columns = useMemo(function () {
+    var columnsProps = transformColumns({
+      columns: children,
+      name: name,
+      names: names,
+      onChange: handleChange,
+      namePath: namePath,
+      form: form,
+      index: index,
+      value: _value
+    });
+    return insertSeparator(columnsProps, space);
+  }, [name, value, children, space, names, namePath, index]);
+  var _className = classnames(_defineProperty({
+    'pro-group': true,
+    'pro-group-diy-width': columns.some(function (item) {
+      var _item$fieldProps, _item$fieldProps$styl;
+      return item === null || item === void 0 ? void 0 : (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : (_item$fieldProps$styl = _item$fieldProps.style) === null || _item$fieldProps$styl === void 0 ? void 0 : _item$fieldProps$styl.width;
+    }),
+    'pro-group-width-auto': columns.some(function (item) {
+      return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
+    })
+  }, "".concat(className), className));
+  return _jsx("div", {
+    className: _className,
+    children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? _jsx(_Space.Compact, {
+      children: columns.map(function (column) {
+        return _jsx(ComRender, _objectSpread({
+          contextProps: contextProps
+        }, column));
+      })
+    }) : _jsx(_Space, _objectSpread(_objectSpread({
+      align: "start"
+    }, omit(space, ['separator', 'compact'])), {}, {
+      children: columns.map(function (column, index) {
+        return _jsx(ComRender, _objectSpread({
+          contextProps: contextProps
+        }, column));
+      })
+    }))
+  });
+};
+export default GroupCopy;