@tachybase/client 1.3.8 → 1.3.9

package/lib/schema-component/antd/table-v2/demos/demo1.js

@@ -1,268 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = function(exports1, definition) {
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
-})();
-(()=>{
-    __webpack_require__.r = function(exports1) {
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    default: ()=>demo1_rslib_entry_
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const client_namespaceObject = require("@tachybase/client");
-const schema_namespaceObject = require("@tachybase/schema");
-const external_antd_namespaceObject = require("antd");
-const external_lodash_namespaceObject = require("lodash");
-const index_js_namespaceObject = require("../../../../testUtils/index.js");
-const external_collections_js_namespaceObject = require("./collections.js");
-var external_collections_js_default = /*#__PURE__*/ __webpack_require__.n(external_collections_js_namespaceObject);
-const { apiClient, mockRequest } = (0, index_js_namespaceObject.mockAPIClient)();
-const sleep = (value)=>new Promise((resolve)=>setTimeout(resolve, value));
-mockRequest.onGet('/users:list').reply(async (config)=>{
-    const { page = 1, pageSize = 10 } = config.params;
-    await sleep(200);
-    return [
-        200,
-        {
-            data: (0, external_lodash_namespaceObject.range)(0, pageSize).map((index)=>({
-                    id: index + (page - 1) * pageSize + 1,
-                    nickname: "name".concat(index + (page - 1) * pageSize + 1)
-                })),
-            meta: {
-                count: 100,
-                page,
-                pageSize
-            }
-        }
-    ];
-});
-mockRequest.onGet('/users:get').reply(async (config)=>{
-    const { filterByTk } = config.params;
-    await sleep(200);
-    return [
-        200,
-        {
-            data: {
-                id: filterByTk,
-                nickname: "name".concat(filterByTk)
-            }
-        }
-    ];
-});
-mockRequest.onPost('/users:create').reply(async (config)=>{
-    await sleep(200);
-    external_antd_namespaceObject.notification.success({
-        message: config.data
-    });
-    return [
-        200,
-        {
-            data: JSON.parse(config.data)
-        }
-    ];
-});
-function useAction() {
-    const ctx = (0, client_namespaceObject.useTableBlockContext)();
-    return {
-        async run () {
-            var _ctx_service_params;
-            const params = (null === (_ctx_service_params = ctx.service.params) || void 0 === _ctx_service_params ? void 0 : _ctx_service_params[0]) || {};
-            ctx.service.run({
-                ...params,
-                page: 2
-            });
-        }
-    };
-}
-function useCreateAction() {
-    const ctx = (0, client_namespaceObject.useFormBlockContext)();
-    const form = (0, schema_namespaceObject.useForm)();
-    return {
-        async run () {
-            console.log('form.values', form.values);
-            await ctx.resource.create({
-                values: form.values
-            });
-        }
-    };
-}
-const formSchema = {
-    type: 'void',
-    'x-decorator': 'FormBlockProvider',
-    'x-decorator-props': {
-        collection: 'users',
-        resource: 'users',
-        action: 'get',
-        useParams: '{{ useParamsFromRecord }}'
-    },
-    properties: {
-        form: {
-            type: 'void',
-            'x-component': 'FormV2',
-            'x-use-component-props': 'useFormBlockProps',
-            properties: {
-                id: {
-                    type: 'string',
-                    title: 'ID',
-                    'x-decorator': 'FormItem',
-                    'x-component': 'InputNumber',
-                    'x-read-pretty': true
-                },
-                nickname: {
-                    type: 'string',
-                    'x-decorator': 'FormItem',
-                    'x-component': 'CollectionField'
-                },
-                button: {
-                    title: '提交',
-                    'x-component': 'Action',
-                    'x-component-props': {
-                        htmlType: 'submit',
-                        type: 'primary',
-                        useAction: '{{ useCreateAction }}'
-                    }
-                }
-            }
-        }
-    }
-};
-const schema = {
-    type: 'object',
-    properties: {
-        block: {
-            type: 'void',
-            'x-decorator': 'TableBlockProvider',
-            'x-decorator-props': {
-                collection: 'users',
-                resource: 'users',
-                action: 'list',
-                params: {
-                    pageSize: 2
-                },
-                showIndex: true,
-                dragSort: false
-            },
-            properties: {
-                button: {
-                    title: '刷新',
-                    'x-component': 'Action',
-                    'x-component-props': {
-                        useAction
-                    }
-                },
-                table: {
-                    type: 'array',
-                    title: "编辑模式",
-                    'x-component': 'TableV2',
-                    'x-use-component-props': 'useTableBlockProps',
-                    'x-component-props': {
-                        rowKey: 'id',
-                        rowSelection: {
-                            type: 'checkbox'
-                        }
-                    },
-                    properties: {
-                        column1: {
-                            type: 'void',
-                            title: 'Name',
-                            'x-component': 'TableV2.Column',
-                            properties: {
-                                nickname: {
-                                    type: 'string',
-                                    'x-component': 'CollectionField',
-                                    'x-read-pretty': true
-                                }
-                            }
-                        },
-                        actions: {
-                            type: 'void',
-                            title: 'Actions',
-                            'x-component': 'TableV2.Column',
-                            properties: {
-                                view: {
-                                    type: 'void',
-                                    title: 'View',
-                                    'x-component': 'Action',
-                                    'x-component-props': {},
-                                    properties: {
-                                        drawer: {
-                                            'x-component': 'Action.Drawer',
-                                            type: 'void',
-                                            title: 'Drawer Title',
-                                            properties: {
-                                                formSchema
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-};
-const Root = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.APIClientProvider, {
-        apiClient: apiClient,
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponentProvider, {
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.ExtendCollectionsProvider, {
-                collections: external_collections_js_default().data,
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.AntdSchemaComponentProvider, {
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.BlockSchemaComponentProvider, {
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponent, {
-                            schema: schema,
-                            scope: {
-                                useCreateAction
-                            }
-                        })
-                    })
-                })
-            })
-        })
-    });
-const app = new client_namespaceObject.Application({
-    providers: [
-        Root
-    ]
-});
-const demo1_rslib_entry_ = app.getRootComponent();
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
-    value: true
-});

package/lib/schema-component/antd/table-v2/demos/demo2.js

@@ -1,151 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = function(exports1, definition) {
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
-})();
-(()=>{
-    __webpack_require__.r = function(exports1) {
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    default: ()=>demo2_rslib_entry_
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const client_namespaceObject = require("@tachybase/client");
-const schema_namespaceObject = require("@tachybase/schema");
-const external_antd_namespaceObject = require("antd");
-const ArrayTable = (0, schema_namespaceObject.observer)((props)=>{
-    const { rowKey } = props;
-    const field = (0, schema_namespaceObject.useField)();
-    const schema = (0, schema_namespaceObject.useFieldSchema)();
-    const columnSchemas = schema.reduceProperties((buf, s)=>{
-        if ('ArrayTable.Column' === s['x-component']) buf.push(s);
-        return buf;
-    }, []);
-    const columns = columnSchemas.map((s)=>({
-            render: (value, record)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(schema_namespaceObject.RecursionField, {
-                    name: record.__path,
-                    schema: s,
-                    onlyRenderProperties: true
-                })
-        }));
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Table, {
-        ...props,
-        rowKey: rowKey,
-        columns: columns,
-        dataSource: field.value
-    });
-});
-const Value = (0, schema_namespaceObject.connect)((props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", {
-        children: [
-            "value: ",
-            props.value
-        ]
-    }));
-const demo2_rslib_entry_schema = {
-    type: 'object',
-    properties: {
-        objArr: {
-            type: 'array',
-            default: [
-                {
-                    __path: '0',
-                    id: 1,
-                    value: 't1'
-                },
-                {
-                    __path: '1',
-                    id: 2,
-                    value: 't2',
-                    children: [
-                        {
-                            __path: '1.children.0',
-                            id: 5,
-                            value: 't5',
-                            parentId: 2
-                        }
-                    ]
-                },
-                {
-                    __path: '2',
-                    id: 3,
-                    value: 't3',
-                    children: [
-                        {
-                            __path: '2.children.0',
-                            id: 4,
-                            value: 't4',
-                            parentId: 3,
-                            children: [
-                                {
-                                    __path: '2.children.0.children.0',
-                                    id: 6,
-                                    value: 't6',
-                                    parentId: 4
-                                },
-                                {
-                                    __path: '2.children.0.children.1',
-                                    id: 7,
-                                    value: 't7',
-                                    parentId: 4
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ],
-            'x-component': 'ArrayTable',
-            'x-component-props': {
-                rowKey: 'id',
-                rowSelection: {
-                    type: 'checkbox'
-                }
-            },
-            properties: {
-                c1: {
-                    type: 'void',
-                    'x-component': 'ArrayTable.Column',
-                    properties: {
-                        value: {
-                            type: 'string',
-                            'x-component': 'Value'
-                        }
-                    }
-                }
-            }
-        }
-    }
-};
-const demo2_rslib_entry_ = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponentProvider, {
-        components: {
-            ArrayTable,
-            Value
-        },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponent, {
-            schema: demo2_rslib_entry_schema
-        })
-    });
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
-    value: true
-});

package/lib/schema-component/antd/tabs/__tests__/tabs.test.js

@@ -1,49 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = function(exports1, definition) {
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
-})();
-var __webpack_exports__ = {};
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const client_namespaceObject = require("@tachybase/test/client");
-const demo1_js_namespaceObject = require("../demos/demo1.js");
-var demo1_js_default = /*#__PURE__*/ __webpack_require__.n(demo1_js_namespaceObject);
-describe('Tabs', ()=>{
-    it('basic', async ()=>{
-        (0, client_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(demo1_js_default(), {}));
-        await (0, client_namespaceObject.waitFor)(async ()=>{
-            expect(client_namespaceObject.screen.getByText('Hello1')).toBeInTheDocument();
-            await client_namespaceObject.userEvent.click(client_namespaceObject.screen.getByText('Tab2'));
-            expect(client_namespaceObject.screen.getByText('Hello2')).toBeInTheDocument();
-        });
-    });
-});
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
-    value: true
-});

package/lib/schema-component/antd/tabs/demos/demo1.js

@@ -1,101 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = function(exports1, definition) {
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
-})();
-(()=>{
-    __webpack_require__.r = function(exports1) {
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    default: ()=>demo1_rslib_entry_
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const client_namespaceObject = require("@tachybase/client");
-const external_AntdSchemaComponentProvider_js_namespaceObject = require("../../AntdSchemaComponentProvider.js");
-const schema = {
-    type: 'object',
-    properties: {
-        tabs1: {
-            type: 'void',
-            'x-component': 'Tabs',
-            'x-component-props': {},
-            properties: {
-                tab1: {
-                    type: 'void',
-                    title: 'Tab1',
-                    'x-component': 'Tabs.TabPane',
-                    'x-component-props': {
-                        tab: 'Tab1'
-                    },
-                    properties: {
-                        aaa: {
-                            'x-content': 'Hello1'
-                        }
-                    }
-                },
-                tab2: {
-                    type: 'void',
-                    title: 'Tab2',
-                    'x-component': 'Tabs.TabPane',
-                    'x-component-props': {
-                        tab: 'Tab2'
-                    },
-                    properties: {
-                        aaa: {
-                            'x-content': 'Hello2'
-                        }
-                    }
-                }
-            }
-        }
-    }
-};
-const Root = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponentProvider, {
-        designable: true,
-        components: {
-            Tabs: client_namespaceObject.Tabs,
-            Action: client_namespaceObject.Action
-        },
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_AntdSchemaComponentProvider_js_namespaceObject.AntdSchemaComponentProvider, {
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponent, {
-                schema: schema
-            })
-        })
-    });
-const app = new client_namespaceObject.Application({
-    router: {
-        type: 'memory',
-        initialEntries: [
-            '/'
-        ]
-    },
-    providers: [
-        Root
-    ]
-});
-const demo1_rslib_entry_ = app.getRootComponent();
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
-    value: true
-});

package/lib/schema-component/antd/time-picker/__tests__/time-picker.test.js

@@ -1,81 +0,0 @@
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.n = function(module) {
-        var getter = module && module.__esModule ? function() {
-            return module['default'];
-        } : function() {
-            return module;
-        };
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
-(()=>{
-    __webpack_require__.d = function(exports1, definition) {
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
-    };
-})();
-(()=>{
-    __webpack_require__.o = function(obj, prop) {
-        return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
-})();
-var __webpack_exports__ = {};
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const client_namespaceObject = require("@tachybase/test/client");
-const demo1_js_namespaceObject = require("../demos/demo1.js");
-var demo1_js_default = /*#__PURE__*/ __webpack_require__.n(demo1_js_namespaceObject);
-const demo2_js_namespaceObject = require("../demos/demo2.js");
-var demo2_js_default = /*#__PURE__*/ __webpack_require__.n(demo2_js_namespaceObject);
-describe('TimePicker', ()=>{
-    it('should display the value of user input', async ()=>{
-        const { container } = (0, client_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(demo1_js_default(), {}));
-        const input = container.querySelector('input');
-        await client_namespaceObject.userEvent.click(input);
-        const submit = client_namespaceObject.screen.getByText('OK');
-        client_namespaceObject.fireEvent.change(input, {
-            target: {
-                value: '12:00:00'
-            }
-        });
-        await client_namespaceObject.userEvent.click(submit);
-        expect(input.value).toBe('12:00:00');
-        expect(client_namespaceObject.screen.getByText('12:00:00')).toBeInTheDocument();
-    });
-});
-describe('TimePicker.RangePicker', ()=>{
-    it('should display the value of user input', async ()=>{
-        (0, client_namespaceObject.render)(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(demo2_js_default(), {}));
-        const startInput = client_namespaceObject.screen.getByPlaceholderText('Start time');
-        const endInput = client_namespaceObject.screen.getByPlaceholderText('End time');
-        await client_namespaceObject.userEvent.click(startInput);
-        client_namespaceObject.fireEvent.change(startInput, {
-            target: {
-                value: '12:00:00'
-            }
-        });
-        await client_namespaceObject.userEvent.click(client_namespaceObject.screen.getByText('OK'));
-        await client_namespaceObject.userEvent.click(endInput);
-        client_namespaceObject.fireEvent.change(endInput, {
-            target: {
-                value: '14:00:00'
-            }
-        });
-        await client_namespaceObject.userEvent.click(client_namespaceObject.screen.getByText('OK'));
-        expect(startInput.value).toBe('12:00:00');
-        expect(endInput.value).toBe('14:00:00');
-        expect(client_namespaceObject.screen.getByText('12:00:00~14:00:00')).toBeInTheDocument();
-    });
-});
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
-    value: true
-});