@tachybase/client 0.23.8-alpha.31 → 0.23.8-alpha.32

package/es/schema-component/antd/form/__tests__/form.test.mjs

@@ -0,0 +1,113 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__ from "@tachybase/test/client";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo1_mjs__ from "../demos/demo1.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo2_mjs__ from "../demos/demo2.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo3_mjs__ from "../demos/demo3.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo4_mjs__ from "../demos/demo4.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo5_mjs__ from "../demos/demo5.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo6_mjs__ from "../demos/demo6.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo7_mjs__ from "../demos/demo7.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__demos_demo8_mjs__ from "../demos/demo8.mjs";
+describe('Form', ()=>{
+    it('basic', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo2_mjs__["default"], {}));
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.sleep)();
+        const submit = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Submit');
+        const input = document.querySelector('.ant-input');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.waitFor)(()=>{
+            expect(submit).toBeInTheDocument();
+            expect(input).toBeInTheDocument();
+            expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.queryByText(/form title/i)).toBeInTheDocument();
+            expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.queryByText('T1')).toBeInTheDocument();
+            expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.queryByText(/\{\}/i)).toBeInTheDocument();
+        });
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.waitFor)(()=>__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.userEvent.type(input, '123'));
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.waitFor)(()=>{
+            expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.queryByText(/\{ "field1": "123" \}/i)).toBeInTheDocument();
+        });
+    });
+    it('decorator', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo6_mjs__["default"], {}));
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.sleep)();
+        const submit = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Submit');
+        const input = document.querySelector('.ant-input');
+        expect(submit).toBeInTheDocument();
+        expect(input).toBeInTheDocument();
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.waitFor)(()=>{
+            expect(input).toHaveValue('aaa');
+            expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('T1')).toBeInTheDocument();
+            expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText(/\{ "field1": "aaa" \}/i)).toBeInTheDocument();
+        });
+        await __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.userEvent.type(input, '123');
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.waitFor)(()=>{
+            expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.queryByText(/\{ "field1": "aaa123" \}/i)).toBeInTheDocument();
+        });
+    });
+    it('Form & Drawer', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo1_mjs__["default"], {}));
+        const openBtn = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Open');
+        await __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.userEvent.click(openBtn);
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText(/drawer title/i)).toBeInTheDocument();
+    });
+    it('initialValue', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo3_mjs__["default"], {}));
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.sleep)();
+        const submit = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Submit');
+        const input = document.querySelector('.ant-input');
+        expect(submit).toBeInTheDocument();
+        expect(input).toBeInTheDocument();
+        expect(input).toHaveValue('aaa');
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText(/\{ "field1": "aaa" \}/i)).toBeInTheDocument();
+    });
+    it('initialValue of decorator', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo4_mjs__["default"], {}));
+        const openBtn = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Open');
+        await __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.userEvent.click(openBtn);
+        const input = document.querySelector('.ant-input');
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText(/drawer title/i)).toBeInTheDocument();
+        expect(input).toBeInTheDocument();
+        expect(input).toHaveValue('aaa');
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText(/\{ "field1": "aaa" \}/i)).toBeInTheDocument();
+    });
+    it('remote data', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo5_mjs__["default"], {}));
+        const loading = document.querySelector('.ant-spin');
+        const t1Input = document.querySelector('.t1 .ant-input');
+        const t2Input = document.querySelector('.t2 .ant-input');
+        const submit = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Submit');
+        const refresh = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Refresh');
+        expect(submit).toBeInTheDocument();
+        expect(refresh).toBeInTheDocument();
+        expect(t1Input).toBeInTheDocument();
+        expect(t1Input).toHaveValue('');
+        expect(t2Input).toBeInTheDocument();
+        expect(t2Input).toHaveValue('default value');
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText(/\{ "field2": "default value" \}/i)).toBeInTheDocument();
+        expect(loading).toBeInTheDocument();
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.sleep)(600);
+        expect(t1Input).toHaveValue('uid');
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText(/\{ "field2": "default value", "field1": "uid" \}/i)).toBeInTheDocument();
+    });
+    it('useValues', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo7_mjs__["default"], {}));
+        await (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.sleep)();
+        const submit = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Submit');
+        const input = document.querySelector('.ant-input');
+        expect(submit).toBeInTheDocument();
+        expect(input).toBeInTheDocument();
+        expect(input).toHaveValue('aabb');
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText(/\{ "field1": "aabb" \}/i)).toBeInTheDocument();
+    });
+    it('DrawerForm & async data', async ()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.render)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__demos_demo8_mjs__["default"], {}));
+        const editBtn = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Edit');
+        await __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.userEvent.click(editBtn);
+        const input = document.querySelector('.ant-input');
+        const closeBtn = __WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText('Close');
+        expect(input).toBeInTheDocument();
+        expect(input).toHaveValue('hello tachybase');
+        expect(closeBtn).toBeInTheDocument();
+        expect(__WEBPACK_EXTERNAL_MODULE__tachybase_test_client__.screen.getByText(/drawer title/i)).toBeInTheDocument();
+    });
+});

package/es/schema-component/antd/form/demos/apiClient.mjs

@@ -0,0 +1,17 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE_axios_mock_adapter__ from "axios-mock-adapter";
+const apiClient = new __WEBPACK_EXTERNAL_MODULE__tachybase_client__.APIClient();
+const mock = new __WEBPACK_EXTERNAL_MODULE_axios_mock_adapter__["default"](apiClient.axios);
+const sleep = (value)=>new Promise((resolve)=>setTimeout(resolve, value));
+mock.onGet('/posts:get').reply(async (config)=>{
+    await sleep(500);
+    return [
+        200,
+        {
+            data: {
+                field1: 'uid'
+            }
+        }
+    ];
+});
+export { apiClient };

package/es/schema-component/antd/form/demos/demo1.mjs

@@ -0,0 +1,73 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+const schema = {
+    type: 'object',
+    properties: {
+        a1: {
+            type: 'void',
+            'x-component': 'Action',
+            'x-component-props': {
+                type: 'primary'
+            },
+            title: 'Open',
+            properties: {
+                d1: {
+                    type: 'void',
+                    'x-component': 'Action.Drawer',
+                    'x-decorator': 'Form',
+                    title: 'Drawer Title',
+                    properties: {
+                        field1: {
+                            'x-component': 'Input',
+                            'x-decorator': 'FormItem',
+                            title: 'T1'
+                        },
+                        out: {
+                            'x-component': 'Output'
+                        },
+                        f1: {
+                            type: 'void',
+                            'x-component': 'Action.Drawer.Footer',
+                            properties: {
+                                a1: {
+                                    'x-component': 'Action',
+                                    title: 'Close',
+                                    'x-component-props': {
+                                        useAction: '{{ useCloseAction }}'
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+};
+const Output = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+    const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("pre", {
+        children: JSON.stringify(form.values, null, 2)
+    });
+}, {
+    displayName: 'Output'
+});
+const demo1_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
+        scope: {
+            useCloseAction: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.useCloseAction
+        },
+        components: {
+            Output,
+            Form: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Form,
+            Action: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Action,
+            Input: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.Input,
+            FormItem: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormItem
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+            schema: schema
+        })
+    }));
+export { demo1_rslib_entry_ as default };

package/es/schema-component/antd/form/demos/demo2.mjs

@@ -0,0 +1,73 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+const schema = {
+    type: 'object',
+    properties: {
+        form1: {
+            type: 'void',
+            'x-decorator': 'Card',
+            'x-decorator-props': {
+                title: 'Form Title'
+            },
+            'x-component': 'Form',
+            properties: {
+                field1: {
+                    'x-component': 'Input',
+                    'x-decorator': 'FormItem',
+                    title: 'T1',
+                    required: true
+                },
+                out: {
+                    'x-component': 'Output'
+                },
+                action1: {
+                    'x-component': 'Action',
+                    title: 'Submit',
+                    'x-component-props': {
+                        useAction: '{{ useSubmit }}'
+                    }
+                }
+            }
+        }
+    }
+};
+const demo2_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+    const Output = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+        const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("pre", {
+            children: JSON.stringify(form.values, null, 2)
+        });
+    }, {
+        displayName: 'Output'
+    });
+    const useSubmit = ()=>{
+        const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+        return {
+            async run () {
+                await form.submit();
+                console.log(form.values);
+            }
+        };
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
+        scope: {
+            useSubmit
+        },
+        components: {
+            Card: __WEBPACK_EXTERNAL_MODULE_antd__.Card,
+            Output,
+            Action: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Action,
+            Form: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Form,
+            Input: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.Input,
+            FormItem: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormItem
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+            schema: schema
+        })
+    });
+});
+export { demo2_rslib_entry_ as default };

package/es/schema-component/antd/form/demos/demo3.mjs

@@ -0,0 +1,72 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+const schema = {
+    type: 'object',
+    properties: {
+        form1: {
+            type: 'void',
+            'x-component': 'Form',
+            'x-component-props': {
+                initialValue: {
+                    field1: 'aaa'
+                }
+            },
+            properties: {
+                field1: {
+                    'x-component': 'Input',
+                    'x-decorator': 'FormItem',
+                    title: 'T1'
+                },
+                out: {
+                    'x-component': 'Output'
+                },
+                action1: {
+                    'x-component': 'Action',
+                    title: 'Submit',
+                    'x-component-props': {
+                        useAction: '{{ useSubmit }}'
+                    }
+                }
+            }
+        }
+    }
+};
+const demo3_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+    const Output = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+        const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("pre", {
+            children: JSON.stringify(form.values, null, 2)
+        });
+    }, {
+        displayName: 'Output'
+    });
+    const useSubmit = ()=>{
+        const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+        return {
+            async run () {
+                console.log(form.values);
+            }
+        };
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
+        scope: {
+            useSubmit
+        },
+        components: {
+            Card: __WEBPACK_EXTERNAL_MODULE_antd__.Card,
+            Output,
+            Action: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Action,
+            Form: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Form,
+            Input: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.Input,
+            FormItem: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormItem
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+            schema: schema
+        })
+    });
+});
+export { demo3_rslib_entry_ as default };

package/es/schema-component/antd/form/demos/demo4.mjs

@@ -0,0 +1,80 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+const schema = {
+    type: 'object',
+    properties: {
+        a1: {
+            type: 'void',
+            'x-component': 'Action',
+            'x-component-props': {
+                type: 'primary'
+            },
+            title: 'Open',
+            properties: {
+                d1: {
+                    type: 'void',
+                    'x-component': 'Action.Drawer',
+                    'x-decorator': 'Form',
+                    'x-decorator-props': {
+                        initialValue: {
+                            field1: 'aaa'
+                        }
+                    },
+                    title: 'Drawer Title',
+                    properties: {
+                        field1: {
+                            title: 'T1',
+                            'x-component': 'Input',
+                            'x-decorator': 'FormItem'
+                        },
+                        out: {
+                            'x-component': 'Output'
+                        },
+                        f1: {
+                            type: 'void',
+                            'x-component': 'Action.Drawer.Footer',
+                            properties: {
+                                a1: {
+                                    'x-component': 'Action',
+                                    title: 'Close',
+                                    'x-component-props': {
+                                        useAction: '{{ useCloseAction }}'
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+};
+const demo4_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+    const Output = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+        const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+        return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("pre", {
+            children: JSON.stringify(form.values, null, 2)
+        });
+    }, {
+        displayName: 'Output'
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
+        scope: {
+            useCloseAction: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.useCloseAction
+        },
+        components: {
+            Output,
+            Form: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Form,
+            Action: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Action,
+            Input: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.Input,
+            FormItem: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormItem
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+            schema: schema
+        })
+    });
+});
+export { demo4_rslib_entry_ as default };

package/es/schema-component/antd/form/demos/demo5.mjs

@@ -0,0 +1,114 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE__apiClient_mjs__ from "./apiClient.mjs";
+const schema = {
+    type: 'object',
+    properties: {
+        form1: {
+            type: 'void',
+            'x-uid': 'form1',
+            'x-component': 'Form',
+            'x-component-props': {
+                request: {
+                    resource: 'posts',
+                    action: 'get'
+                }
+            },
+            properties: {
+                field1: {
+                    title: 'T1',
+                    'x-component': 'Input',
+                    'x-component-props': {
+                        className: 't1'
+                    },
+                    'x-decorator': 'FormItem'
+                },
+                field2: {
+                    title: 'T2',
+                    'x-component': 'Input',
+                    'x-component-props': {
+                        className: 't2'
+                    },
+                    'x-decorator': 'FormItem',
+                    required: true,
+                    default: 'default value'
+                },
+                out: {
+                    'x-component': 'Output'
+                },
+                Space: {
+                    type: 'void',
+                    'x-component': 'Space',
+                    properties: {
+                        action2: {
+                            'x-component': 'Action',
+                            title: 'Submit',
+                            'x-component-props': {
+                                useAction: '{{ useSubmit }}'
+                            }
+                        },
+                        action1: {
+                            title: 'Refresh',
+                            'x-component': 'Action',
+                            'x-component-props': {
+                                useAction: '{{ useRefresh }}'
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+};
+const Output = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+    const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("pre", {
+        children: JSON.stringify(form.values, null, 2)
+    });
+}, {
+    displayName: 'Output'
+});
+const useSubmit = ()=>{
+    const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+    return {
+        async run () {
+            await form.submit();
+            console.log(form.values);
+        }
+    };
+};
+const useRefresh = ()=>{
+    const apiClient = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_client__.useAPIClient)();
+    return {
+        async run () {
+            var _apiClient_service;
+            null === (_apiClient_service = apiClient.service('form1')) || void 0 === _apiClient_service || _apiClient_service.refresh();
+        }
+    };
+};
+const demo5_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.APIClientProvider, {
+        apiClient: __WEBPACK_EXTERNAL_MODULE__apiClient_mjs__.apiClient,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
+            scope: {
+                useSubmit,
+                useRefresh
+            },
+            components: {
+                Space: __WEBPACK_EXTERNAL_MODULE_antd__.Space,
+                Card: __WEBPACK_EXTERNAL_MODULE_antd__.Card,
+                Output,
+                Action: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Action,
+                Form: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Form,
+                Input: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.Input,
+                FormItem: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormItem
+            },
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+                schema: schema
+            })
+        })
+    }));
+export { demo5_rslib_entry_ as default };

package/es/schema-component/antd/form/demos/demo6.mjs

@@ -0,0 +1,71 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+const schema = {
+    type: 'object',
+    properties: {
+        form1: {
+            type: 'void',
+            'x-decorator': 'Form',
+            'x-decorator-props': {
+                initialValue: {
+                    field1: 'aaa'
+                }
+            },
+            'x-component': 'Card',
+            properties: {
+                field1: {
+                    'x-component': 'Input',
+                    'x-decorator': 'FormItem',
+                    title: 'T1'
+                },
+                out: {
+                    'x-component': 'Output'
+                },
+                action1: {
+                    'x-component': 'Action',
+                    title: 'Submit',
+                    'x-component-props': {
+                        useAction: '{{ useSubmit }}'
+                    }
+                }
+            }
+        }
+    }
+};
+const Output = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>{
+    const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("pre", {
+        children: JSON.stringify(form.values, null, 2)
+    });
+}, {
+    displayName: 'Output'
+});
+const useSubmit = ()=>{
+    const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+    return {
+        async run () {
+            console.log(form.values);
+        }
+    };
+};
+const demo6_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
+        scope: {
+            useSubmit
+        },
+        components: {
+            Card: __WEBPACK_EXTERNAL_MODULE_antd__.Card,
+            Output,
+            Action: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Action,
+            Form: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Form,
+            Input: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.Input,
+            FormItem: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormItem
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
+            schema: schema
+        })
+    }));
+export { demo6_rslib_entry_ as default };