feat: 添加分列容器

src/components/NiceForm/public/index.tsx

@@ -139,3 +139,34 @@ registerVirtualBox('MellowCardBox', (_props) => {
     </MellowCard>
   )
 })
+
+// 分列 容器
+registerVirtualBox('ColumnLayout', (_props) => {
+  const { children, props } = _props;
+  const xComponentProps = props['x-component-props'] || {};
+  const {
+    column = 3,
+  } = xComponentProps;
+
+  const span = 24 / column;
+
+  const childNodes: React.ReactElement[] = React.Children.map(children, (child) => child);
+
+  const cols = Array.apply(null, Array(column)).map(() => []);
+
+  childNodes.forEach((item, index) => {
+    cols[index % column].push(item);
+  });
+
+  return (
+    <Row
+      gutter={32}
+    >
+      {cols.map((item, index) => (
+        <Col key={index} span={span}>
+          {item}
+        </Col>
+      ))}
+    </Row>
+  )
+})