修改 flex-layout-props

src/pages/content/components/FilterTable/FlexLayout.tsx

 import React from 'react';
 import { Row, Col } from 'antd';
-import {  SchemaField } from "@formily/antd";
+import {  SchemaField, useSchemaProps } from "@formily/antd";
 
 const renderCol = (schema) => {
   const { flexcol = {},  } =  schema && schema['x-component-props'] || {};
@@ -10,9 +10,10 @@ const renderCol = (schema) => {
   </Col>
 }
 const FlexRowLayout =  (props) => {
-  console.log("FlexRowLayout", props);
-  const childProperties = props.schema && props.schema.getOrderProperties();
-  const {  justify = "start", align = "top" } = props && props.props && props.props['x-component-props'] || {}
+  const schemaProps = useSchemaProps()
+  console.log("FlexRowLayout", schemaProps);
+  const childProperties = schemaProps.schema && schemaProps.schema.getOrderProperties() || [];
+  const {  justify = "start", align = "top" } = schemaProps && schemaProps.props && schemaProps.props['x-component-props'] || {}
   return (
       <Row justify={justify} align={align}>
         { 
@@ -29,10 +30,11 @@ const FlexColumnLayoutStyle = {
   'flexDirection': 'column'
 }
 const FlexColumnLayout = (props) => {
-  console.log("FlexColumnLayout", props);
-  const childProperties = props.schema && props.schema.getOrderProperties();
+  const schemaProps = useSchemaProps()
+  console.log("FlexColumnLayout", schemaProps);
+  const childProperties = schemaProps.schema && schemaProps.schema.getOrderProperties() || [];
   console.log("childProperties", childProperties)
-  const { style } = props && props.props && props.props['x-component-props'] || {};
+  const { style } = schemaProps && schemaProps.props && schemaProps.props['x-component-props'] || {};
 
   return (
     <div style={{...FlexColumnLayoutStyle, ...style}}>