feat: try add layoutAction

Author: itwillwork

src/lib/kit/components/Layouts/Column/Column.tsx

@@ -14,14 +14,17 @@ import './Column.scss';
 
 const b = block('column');
 
-interface ColumnProps {}
+interface ColumnProps {
+    action?: React.ReactNode;
+}
 
 const ColumnBase = <T extends FieldValue, S extends Spec>({
     name,
     spec,
     input,
     meta,
     children,
+    action,
 }: LayoutProps<T, undefined, undefined, S> & ColumnProps) => {
     const arrayItem = React.useMemo(() => isArrayItem(name), [name]);
     const generateButton = React.useMemo(() => withGenerateButton(spec), [spec]);
@@ -47,9 +50,7 @@ const ColumnBase = <T extends FieldValue, S extends Spec>({
                         </span>
                     ) : null}
                 </div>
-                {Boolean(spec.viewSpec.layoutAction) && (
-                    <div className={b('first-row-action')}>{spec.viewSpec.layoutAction}</div>
-                )}
+                {Boolean(action) && <div className={b('first-row-action')}>{action}</div>}
             </div>
             <div className={b('second-row')}>
                 <div className={b('second-row-inner')}>

src/lib/kit/components/Layouts/Row/Row.tsx

@@ -16,6 +16,7 @@ const b = block('row');
 
 interface RowProps {
     verboseDescription?: boolean;
+    action?: React.ReactNode;
 }
 
 const RowBase = <T extends FieldValue, S extends Spec>({
@@ -24,6 +25,7 @@ const RowBase = <T extends FieldValue, S extends Spec>({
     input,
     meta,
     verboseDescription,
+    action,
     children,
 }: LayoutProps<T, undefined, undefined, S> & RowProps) => {
     const arrayItem = React.useMemo(() => isArrayItem(name), [name]);
@@ -49,9 +51,7 @@ const RowBase = <T extends FieldValue, S extends Spec>({
                             </Text>
                         </span>
                     ) : null}
-                    {Boolean(spec.viewSpec.layoutAction) && (
-                        <span className={b('left-action')}>{spec.viewSpec.layoutAction}</span>
-                    )}
+                    {Boolean(action) && <span className={b('left-action')}>{action}</span>}
                 </div>
             </div>
             <div className={b('right')}>