@tachybase/client 1.3.7 → 1.3.9

package/lib/schema-initializer/demos/insert-schema-action.js

@@ -1,126 +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: ()=>insert_schema_action_rslib_entry_
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const client_namespaceObject = require("@tachybase/client");
-const addActionInitializer = new client_namespaceObject.SchemaInitializer({
-    name: 'addAction',
-    title: 'Configure actions',
-    insertPosition: 'beforeEnd',
-    style: {
-        marginLeft: 8
-    },
-    items: [
-        {
-            name: 'enableActions',
-            type: 'itemGroup',
-            title: 'Enable actions',
-            children: [
-                {
-                    name: 'create',
-                    title: 'Create',
-                    Component: 'ActionInitializer',
-                    schema: {
-                        title: 'Create',
-                        'x-action': 'posts:create',
-                        'x-component': 'Action',
-                        'x-designer': 'Action.Designer',
-                        'x-align': 'left'
-                    }
-                },
-                {
-                    name: 'update',
-                    title: 'Update',
-                    Component: 'ActionInitializer',
-                    schema: {
-                        title: 'Update',
-                        'x-action': 'posts:update',
-                        'x-component': 'Action',
-                        'x-designer': 'Action.Designer',
-                        'x-align': 'right'
-                    }
-                }
-            ]
-        }
-    ]
-});
-const Root = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponentProvider, {
-            designable: true,
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponent, {
-                components: {
-                    ActionBar: client_namespaceObject.ActionBar,
-                    Action: client_namespaceObject.Action,
-                    ActionInitializer: client_namespaceObject.ActionInitializer
-                },
-                schema: {
-                    type: 'void',
-                    name: 'page',
-                    'x-component': 'ActionBar',
-                    'x-initializer': 'addAction',
-                    properties: {
-                        action1: {
-                            type: 'void',
-                            title: 'Update',
-                            'x-action': 'posts:update',
-                            'x-component': 'Action'
-                        }
-                    }
-                }
-            })
-        })
-    });
-class MyPlugin extends client_namespaceObject.Plugin {
-    async load() {
-        this.app.schemaInitializerManager.add(addActionInitializer);
-        this.app.router.add('root', {
-            path: '/',
-            Component: Root
-        });
-    }
-}
-const app = new client_namespaceObject.Application({
-    router: {
-        type: 'memory',
-        initialEntries: [
-            '/'
-        ]
-    },
-    plugins: [
-        MyPlugin
-    ]
-});
-const insert_schema_action_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-initializer/demos/insert-schema-basic.js

@@ -1,146 +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: ()=>insert_schema_basic_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 Hello = (0, schema_namespaceObject.observer)(()=>{
-    const field = (0, schema_namespaceObject.useField)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        style: {
-            marginBottom: 20,
-            padding: '0 20px',
-            height: 50,
-            lineHeight: '50px',
-            background: '#f1f1f1'
-        },
-        children: field.title
-    });
-});
-function Demo() {
-    const itemConfig = (0, client_namespaceObject.useSchemaInitializerItem)();
-    const { insert } = (0, client_namespaceObject.useSchemaInitializer)();
-    const handleClick = ()=>{
-        insert({
-            type: 'void',
-            title: itemConfig.title,
-            'x-component': 'Hello'
-        });
-    };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        onClick: handleClick,
-        children: itemConfig.title
-    });
-}
-const myInitializer = new client_namespaceObject.SchemaInitializer({
-    name: 'myInitializer',
-    title: 'Add Block',
-    insertPosition: 'beforeEnd',
-    items: [
-        {
-            name: 'a',
-            title: 'Item A',
-            Component: Demo
-        },
-        {
-            name: 'b',
-            title: 'Item B',
-            Component: Demo
-        }
-    ]
-});
-const AddBlockButton = (0, schema_namespaceObject.observer)(()=>{
-    const { render } = (0, client_namespaceObject.useSchemaInitializerRender)('myInitializer');
-    return render();
-});
-const Page = (0, schema_namespaceObject.observer)((props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        children: [
-            props.children,
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AddBlockButton, {})
-        ]
-    }), {
-    displayName: 'Page'
-});
-const Root = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponentProvider, {
-            designable: true,
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponent, {
-                components: {
-                    Page,
-                    Hello,
-                    AddBlockButton
-                },
-                schema: {
-                    type: 'void',
-                    name: 'page',
-                    'x-component': 'Page',
-                    properties: {
-                        hello1: {
-                            type: 'void',
-                            title: 'Test1',
-                            'x-component': 'Hello'
-                        },
-                        hello2: {
-                            type: 'void',
-                            title: 'Test2',
-                            'x-component': 'Hello'
-                        }
-                    }
-                }
-            })
-        })
-    });
-class MyPlugin extends client_namespaceObject.Plugin {
-    async load() {
-        this.app.schemaInitializerManager.add(myInitializer);
-        this.app.router.add('root', {
-            path: '/',
-            Component: Root
-        });
-    }
-}
-const app = new client_namespaceObject.Application({
-    router: {
-        type: 'memory',
-        initialEntries: [
-            '/'
-        ]
-    },
-    plugins: [
-        MyPlugin
-    ]
-});
-const insert_schema_basic_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-initializer/demos/insert-schema-form-item.js

@@ -1,170 +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: ()=>insert_schema_form_item_rslib_entry_
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const client_namespaceObject = require("@tachybase/client");
-const useFormItemInitializerFields = ()=>[
-        {
-            name: 'name',
-            title: 'Name',
-            Component: 'CollectionFieldInitializer',
-            schema: {
-                type: 'string',
-                title: 'Name',
-                name: 'name',
-                'x-component': 'Input',
-                'x-decorator': 'FormItem',
-                'x-collection-field': 'posts.name'
-            }
-        },
-        {
-            name: 'title',
-            title: 'Title',
-            Component: 'CollectionFieldInitializer',
-            schema: {
-                type: 'string',
-                title: 'Title',
-                name: 'title',
-                'x-component': 'Input',
-                'x-decorator': 'FormItem',
-                'x-collection-field': 'posts.title'
-            }
-        }
-    ];
-const TextInitializer = ()=>{
-    const { insert } = (0, client_namespaceObject.useSchemaInitializer)();
-    const itemConfig = (0, client_namespaceObject.useSchemaInitializerItem)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaInitializerItem, {
-        onClick: ()=>{
-            insert({
-                type: 'void',
-                'x-component': 'Markdown.Void',
-                'x-decorator': 'FormItem'
-            });
-        },
-        ...itemConfig
-    });
-};
-const addFormItemInitializer = new client_namespaceObject.SchemaInitializer({
-    name: 'addFormItem',
-    title: 'Configure actions',
-    insertPosition: 'beforeEnd',
-    items: [
-        {
-            name: 'displayFields',
-            type: 'itemGroup',
-            title: 'Display fields',
-            useChildren: useFormItemInitializerFields
-        },
-        {
-            name: 'divider',
-            type: 'divider'
-        },
-        {
-            name: 'addText',
-            title: 'Add text',
-            Component: TextInitializer
-        }
-    ]
-});
-const Page = (props)=>{
-    const { render } = (0, client_namespaceObject.useSchemaInitializerRender)('addFormItem');
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        children: [
-            props.children,
-            render()
-        ]
-    });
-};
-const Root = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponentProvider, {
-            designable: true,
-            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaComponent, {
-                components: {
-                    TextInitializer,
-                    Page,
-                    Form: client_namespaceObject.Form,
-                    Input: client_namespaceObject.Input,
-                    FormItem: client_namespaceObject.FormItem,
-                    Markdown: client_namespaceObject.Markdown,
-                    CollectionFieldInitializer: client_namespaceObject.CollectionFieldInitializer
-                },
-                schema: {
-                    type: 'void',
-                    name: 'page',
-                    'x-decorator': 'Form',
-                    'x-component': 'Page',
-                    properties: {
-                        title: {
-                            type: 'string',
-                            title: 'Title',
-                            'x-component': 'Input',
-                            'x-decorator': 'FormItem',
-                            'x-collection-field': 'posts.title'
-                        },
-                        name: {
-                            type: 'string',
-                            title: 'Name',
-                            'x-component': 'Input',
-                            'x-decorator': 'FormItem',
-                            'x-collection-field': 'posts.name'
-                        }
-                    }
-                }
-            })
-        })
-    });
-class MyPlugin extends client_namespaceObject.Plugin {
-    async load() {
-        this.app.schemaInitializerManager.add(addFormItemInitializer);
-        this.app.router.add('root', {
-            path: '/',
-            Component: Root
-        });
-    }
-}
-const app = new client_namespaceObject.Application({
-    router: {
-        type: 'memory',
-        initialEntries: [
-            '/'
-        ]
-    },
-    plugins: [
-        MyPlugin
-    ]
-});
-const insert_schema_form_item_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-initializer/demos/nested-items.js

@@ -1,182 +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: ()=>nested_items_rslib_entry_
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const client_namespaceObject = require("@tachybase/client");
-const external_antd_namespaceObject = require("antd");
-const ParentA = (param)=>{
-    let { children } = param;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                children: "parent"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Divider, {
-                dashed: true
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                children: "直接渲染"
-            }),
-            children.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaInitializerChild, {
-                    ...item
-                }, item.name)),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Divider, {
-                dashed: true
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                children: "使用内置的 SchemaInitializerChildren"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaInitializerChildren, {
-                children: children
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Divider, {
-                dashed: true
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                children: "渲染成列表"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ul", {
-                children: children.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("li", {
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                                children: [
-                                    "name: ",
-                                    item.name
-                                ]
-                            }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaInitializerChild, {
-                                ...item
-                            }, item.name)
-                        ]
-                    }, item.name))
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Divider, {
-                dashed: true
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                children: "渲染成 Menu 形式 "
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Menu, {
-                items: children.map((item)=>({
-                        key: item.name,
-                        label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(client_namespaceObject.SchemaInitializerChild, {
-                            ...item
-                        }, item.name)
-                    }))
-            })
-        ]
-    });
-};
-const Demo = ()=>{
-    const itemConfig = (0, client_namespaceObject.useSchemaInitializerItem)();
-    const { onClick, title } = itemConfig;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        onClick: onClick,
-        children: title
-    });
-};
-const nested_items_rslib_entry_myInitializer = new client_namespaceObject.SchemaInitializer({
-    name: 'myInitializer',
-    designable: true,
-    title: 'Button Text',
-    items: [
-        {
-            name: 'a',
-            Component: ParentA,
-            children: [
-                {
-                    name: 'a1',
-                    title: 'a1 title',
-                    onClick: ()=>{
-                        alert('test');
-                    },
-                    Component: Demo
-                },
-                {
-                    name: 'a2',
-                    Component: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                            children: "a2"
-                        })
-                },
-                {
-                    name: 'a3',
-                    Component: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                            children: "a3"
-                        })
-                }
-            ]
-        }
-    ]
-});
-const Root = ()=>{
-    const { render } = (0, client_namespaceObject.useSchemaInitializerRender)('myInitializer');
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        children: render()
-    });
-};
-class MyPlugin extends client_namespaceObject.Plugin {
-    async load() {
-        this.app.schemaInitializerManager.add(nested_items_rslib_entry_myInitializer);
-        this.app.router.add('root', {
-            path: '/',
-            Component: Root
-        });
-    }
-}
-class MyPlugin2 extends client_namespaceObject.Plugin {
-    async load() {
-        const myInitializer = this.app.schemaInitializerManager.get('myInitializer');
-        myInitializer.add('a.a4', {
-            Component: ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    children: "a4"
-                })
-        });
-        myInitializer.remove('a.a3');
-    }
-}
-const app = new client_namespaceObject.Application({
-    router: {
-        type: 'memory',
-        initialEntries: [
-            '/'
-        ]
-    },
-    plugins: [
-        MyPlugin,
-        MyPlugin2
-    ]
-});
-const nested_items_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
-});