@tachybase/client 1.3.17 → 1.3.18

package/lib/application/schema-initializer/hooks/index.js

@@ -1,37 +1,5 @@
 "use strict";
-var __webpack_modules__ = {
-    "../../../schema-component": function(module) {
-        module.exports = require("../../../schema-component/index.js");
-    },
-    "../../hooks": function(module) {
-        module.exports = require("../../hooks/index.js");
-    },
-    "../components/SchemaInitializerButton": function(module) {
-        module.exports = require("../components/SchemaInitializerButton.js");
-    },
-    "../components": function(module) {
-        module.exports = require("../components/index.js");
-    },
-    "../hoc": function(module) {
-        module.exports = require("../hoc/index.js");
-    },
-    "./useAriaAttributeOfMenuItem": function(module) {
-        module.exports = require("./useAriaAttributeOfMenuItem.js");
-    },
-    react: function(module) {
-        module.exports = require("react");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
+var __webpack_require__ = {};
 (()=>{
     __webpack_require__.n = (module)=>{
         var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
@@ -63,181 +31,172 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-        useGetSchemaInitializerMenuItems: ()=>useGetSchemaInitializerMenuItems,
-        useSchemaInitializerMenuItems: ()=>useSchemaInitializerMenuItems,
-        useSchemaInitializerRender: ()=>useSchemaInitializerRender
-    });
-    var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("react");
-    var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-    var _schema_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("../../../schema-component");
-    var _hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("../../hooks");
-    var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("../components");
-    var _components_SchemaInitializerButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../components/SchemaInitializerButton");
-    var _hoc__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../hoc");
-    var _useAriaAttributeOfMenuItem__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./useAriaAttributeOfMenuItem");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _useAriaAttributeOfMenuItem__WEBPACK_IMPORTED_MODULE_6__)if ([
-        "useGetSchemaInitializerMenuItems",
-        "useSchemaInitializerRender",
-        "useSchemaInitializerMenuItems",
-        "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _useAriaAttributeOfMenuItem__WEBPACK_IMPORTED_MODULE_6__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    function useSchemaInitializerMenuItems(items, name, onClick) {
-        const getMenuItems = useGetSchemaInitializerMenuItems(onClick);
-        return (0, react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(()=>getMenuItems(items, name), [
-            getMenuItems,
-            items,
-            name
-        ]);
-    }
-    function useGetSchemaInitializerMenuItems(onClick) {
-        const compile = (0, _schema_component__WEBPACK_IMPORTED_MODULE_1__.useCompile)();
-        const getMenuItems = (0, react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((items, parentKey)=>{
-            if (!(null == items ? void 0 : items.length)) return [];
-            return items.map((item, indexA)=>{
-                const ItemComponent = item.component || item.Component;
-                let element;
-                const compiledTitle = item.title || item.label ? compile(item.title || item.label) : void 0;
-                if (ItemComponent) {
-                    element = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components__WEBPACK_IMPORTED_MODULE_3__.SchemaInitializerChild, {
-                        ...item,
-                        title: compiledTitle
-                    });
-                    if (!element) return;
-                }
-                if ('divider' === item.type) return {
-                    type: 'divider',
-                    key: item.key || "divider-".concat(indexA)
-                };
-                if ('item' === item.type && ItemComponent) {
-                    if (!item.key) item.key = "".concat(compiledTitle, "-").concat(indexA);
-                    return item.associationField ? {
-                        key: item.key,
-                        label: element,
-                        associationField: item.associationField
-                    } : {
-                        key: item.key,
-                        label: element
-                    };
-                }
-                if ('itemGroup' === item.type) {
-                    const label = 'string' == typeof compiledTitle ? compiledTitle : item.title;
-                    const key = item.key || "".concat(parentKey, "-item-group-").concat(indexA);
-                    return {
-                        type: 'group',
-                        key,
-                        label,
-                        children: (null == item ? void 0 : item.children.length) ? getMenuItems(item.children, key) : []
-                    };
-                }
-                if ('subMenu' === item.type) {
-                    const label = compiledTitle;
-                    const key = item.key || item.name || "".concat(parentKey, "-sub-menu-").concat(indexA);
-                    return {
-                        key,
-                        label,
-                        children: (null == item ? void 0 : item.children.length) ? getMenuItems(item.children, key) : []
-                    };
-                }
-                if (item.isMenuType) {
-                    const { isMenuType, ...menuData } = item;
-                    return menuData;
-                }
-                const label = element || compiledTitle || item.label;
-                const key = item.key || "".concat(parentKey, "-").concat(compiledTitle, "-").concat(indexA);
-                const handleClick = (info)=>{
-                    info.domEvent.stopPropagation();
-                    if (info.key !== key) return;
-                    if (item.onClick) item.onClick({
-                        ...info,
-                        item
-                    });
-                    else null == onClick || onClick({
-                        ...info,
-                        item
-                    });
-                };
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useGetSchemaInitializerMenuItems: ()=>useGetSchemaInitializerMenuItems,
+    useSchemaInitializerRender: ()=>useSchemaInitializerRender,
+    useSchemaInitializerMenuItems: ()=>useSchemaInitializerMenuItems,
+    useAriaAttributeOfMenuItem: ()=>external_useAriaAttributeOfMenuItem_js_namespaceObject.useAriaAttributeOfMenuItem
+});
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
+const index_js_namespaceObject = require("../../../schema-component/index.js");
+const external_hooks_index_js_namespaceObject = require("../../hooks/index.js");
+const external_components_index_js_namespaceObject = require("../components/index.js");
+const SchemaInitializerButton_js_namespaceObject = require("../components/SchemaInitializerButton.js");
+const external_hoc_index_js_namespaceObject = require("../hoc/index.js");
+const external_useAriaAttributeOfMenuItem_js_namespaceObject = require("./useAriaAttributeOfMenuItem.js");
+function useSchemaInitializerMenuItems(items, name, onClick) {
+    const getMenuItems = useGetSchemaInitializerMenuItems(onClick);
+    return (0, external_react_namespaceObject.useMemo)(()=>getMenuItems(items, name), [
+        getMenuItems,
+        items,
+        name
+    ]);
+}
+function useGetSchemaInitializerMenuItems(onClick) {
+    const compile = (0, index_js_namespaceObject.useCompile)();
+    const getMenuItems = (0, external_react_namespaceObject.useCallback)((items, parentKey)=>{
+        if (!(null == items ? void 0 : items.length)) return [];
+        return items.map((item, indexA)=>{
+            const ItemComponent = item.component || item.Component;
+            let element;
+            const compiledTitle = item.title || item.label ? compile(item.title || item.label) : void 0;
+            if (ItemComponent) {
+                element = /*#__PURE__*/ external_react_default().createElement(external_components_index_js_namespaceObject.SchemaInitializerChild, {
+                    ...item,
+                    title: compiledTitle
+                });
+                if (!element) return;
+            }
+            if ('divider' === item.type) return {
+                type: 'divider',
+                key: item.key || "divider-".concat(indexA)
+            };
+            if ('item' === item.type && ItemComponent) {
+                if (!item.key) item.key = "".concat(compiledTitle, "-").concat(indexA);
                 return item.associationField ? {
+                    key: item.key,
+                    label: element,
+                    associationField: item.associationField
+                } : {
+                    key: item.key,
+                    label: element
+                };
+            }
+            if ('itemGroup' === item.type) {
+                const label = 'string' == typeof compiledTitle ? compiledTitle : item.title;
+                const key = item.key || "".concat(parentKey, "-item-group-").concat(indexA);
+                return {
+                    type: 'group',
                     key,
                     label,
-                    associationField: item.associationField,
-                    onClick: handleClick
-                } : {
+                    children: (null == item ? void 0 : item.children.length) ? getMenuItems(item.children, key) : []
+                };
+            }
+            if ('subMenu' === item.type) {
+                const label = compiledTitle;
+                const key = item.key || item.name || "".concat(parentKey, "-sub-menu-").concat(indexA);
+                return {
                     key,
                     label,
-                    onClick: handleClick
+                    children: (null == item ? void 0 : item.children.length) ? getMenuItems(item.children, key) : []
                 };
-            });
-        }, [
-            compile,
-            onClick
-        ]);
-        return getMenuItems;
-    }
-    const InitializerComponent = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().memo((options)=>{
-        const Component = options.Component || _components_SchemaInitializerButton__WEBPACK_IMPORTED_MODULE_4__.SchemaInitializerButton;
-        const ItemsComponent = options.ItemsComponent || _components__WEBPACK_IMPORTED_MODULE_3__.SchemaInitializerItems;
-        const itemsComponentProps = {
-            ...options.itemsComponentProps,
-            options,
-            items: options.items,
-            style: options.itemsComponentStyle
+            }
+            if (item.isMenuType) {
+                const { isMenuType, ...menuData } = item;
+                return menuData;
+            }
+            const label = element || compiledTitle || item.label;
+            const key = item.key || "".concat(parentKey, "-").concat(compiledTitle, "-").concat(indexA);
+            const handleClick = (info)=>{
+                info.domEvent.stopPropagation();
+                if (info.key !== key) return;
+                if (item.onClick) item.onClick({
+                    ...info,
+                    item
+                });
+                else null == onClick || onClick({
+                    ...info,
+                    item
+                });
+            };
+            return item.associationField ? {
+                key,
+                label,
+                associationField: item.associationField,
+                onClick: handleClick
+            } : {
+                key,
+                label,
+                onClick: handleClick
+            };
+        });
+    }, [
+        compile,
+        onClick
+    ]);
+    return getMenuItems;
+}
+const InitializerComponent = /*#__PURE__*/ external_react_default().memo((options)=>{
+    const Component = options.Component || SchemaInitializerButton_js_namespaceObject.SchemaInitializerButton;
+    const ItemsComponent = options.ItemsComponent || external_components_index_js_namespaceObject.SchemaInitializerItems;
+    const itemsComponentProps = {
+        ...options.itemsComponentProps,
+        options,
+        items: options.items,
+        style: options.itemsComponentStyle
+    };
+    const C = (0, external_react_namespaceObject.useMemo)(()=>(0, external_hoc_index_js_namespaceObject.withInitializer)(Component), [
+        Component
+    ]);
+    return /*#__PURE__*/ external_react_default().createElement(C, options, /*#__PURE__*/ external_react_default().createElement(ItemsComponent, itemsComponentProps));
+});
+InitializerComponent.displayName = 'InitializerComponent';
+function useSchemaInitializerRender(name, options) {
+    const app = (0, external_hooks_index_js_namespaceObject.useApp)();
+    const renderCache = external_react_default().useRef({});
+    const initializer = (0, external_react_namespaceObject.useMemo)(()=>app.schemaInitializerManager.get(name), [
+        app.schemaInitializerManager,
+        name
+    ]);
+    const res = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (!name) return {
+            exists: false,
+            render: ()=>null
         };
-        const C = (0, react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(()=>(0, _hoc__WEBPACK_IMPORTED_MODULE_5__.withInitializer)(Component), [
-            Component
-        ]);
-        return /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(C, options, /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ItemsComponent, itemsComponentProps));
-    });
-    InitializerComponent.displayName = 'InitializerComponent';
-    function useSchemaInitializerRender(name, options) {
-        const app = (0, _hooks__WEBPACK_IMPORTED_MODULE_2__.useApp)();
-        const renderCache = react__WEBPACK_IMPORTED_MODULE_0___default().useRef({});
-        const initializer = (0, react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(()=>app.schemaInitializerManager.get(name), [
-            app.schemaInitializerManager,
-            name
-        ]);
-        const res = (0, react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(()=>{
-            if (!name) return {
+        if (!initializer) {
+            console.error('[tachybase]: SchemaInitializer "'.concat(name, '" not found'));
+            return {
                 exists: false,
                 render: ()=>null
             };
-            if (!initializer) {
-                console.error('[tachybase]: SchemaInitializer "'.concat(name, '" not found'));
-                return {
-                    exists: false,
-                    render: ()=>null
-                };
+        }
+        return {
+            exists: true,
+            render: (props)=>{
+                const key = JSON.stringify(props) || '{}';
+                if (renderCache.current[key]) return renderCache.current[key];
+                return renderCache.current[key] = /*#__PURE__*/ external_react_default().createElement(InitializerComponent, {
+                    ...initializer.options,
+                    ...options,
+                    ...props
+                });
             }
-            return {
-                exists: true,
-                render: (props)=>{
-                    const key = JSON.stringify(props) || '{}';
-                    if (renderCache.current[key]) return renderCache.current[key];
-                    return renderCache.current[key] = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(InitializerComponent, {
-                        ...initializer.options,
-                        ...options,
-                        ...props
-                    });
-                }
-            };
-        }, [
-            initializer,
-            name,
-            options
-        ]);
-        return res;
-    }
-})();
+        };
+    }, [
+        initializer,
+        name,
+        options
+    ]);
+    return res;
+}
+exports.useAriaAttributeOfMenuItem = __webpack_exports__.useAriaAttributeOfMenuItem;
 exports.useGetSchemaInitializerMenuItems = __webpack_exports__.useGetSchemaInitializerMenuItems;
 exports.useSchemaInitializerMenuItems = __webpack_exports__.useSchemaInitializerMenuItems;
 exports.useSchemaInitializerRender = __webpack_exports__.useSchemaInitializerRender;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useAriaAttributeOfMenuItem",
     "useGetSchemaInitializerMenuItems",
     "useSchemaInitializerMenuItems",
     "useSchemaInitializerRender"

package/lib/block-provider/hooks/index.js

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "../../filter-provider/utils": function(module) {
         module.exports = require("../../filter-provider/utils.js");
     },
-    "../..": function(module) {
+    "../../": function(module) {
         module.exports = require("../../index.js");
     },
     "../../record-provider": function(module) {
@@ -182,7 +182,7 @@ var __webpack_exports__ = {};
     var react_i18next__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("react-i18next");
     var react_router_dom__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("react-router-dom");
     var react_to_print__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("react-to-print");
-    var ___WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../..");
+    var ___WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../");
     var _api_client__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../api-client");
     var _built_in_dynamic_page_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../built-in/dynamic-page/utils");
     var _collection_manager__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../collection-manager");
@@ -525,7 +525,7 @@ var __webpack_exports__ = {};
                 if (s['x-component'] === pageDetailsViewer) return s;
                 return buf;
             });
-            if (targetSchema) navigate("../".concat(targetSchema['x-uid'], "/").concat(_built_in_dynamic_page_utils__WEBPACK_IMPORTED_MODULE_13__.PathHandler.getInstance().toWildcardPath({
+            if (targetSchema) navigate("./sub/".concat(targetSchema['x-uid'], "/").concat(_built_in_dynamic_page_utils__WEBPACK_IMPORTED_MODULE_13__.PathHandler.getInstance().toWildcardPath({
                 collection: collection.name,
                 filterByTk
             })));

package/lib/built-in/acl/Configuration/schemas/scopes.js

@@ -56,7 +56,8 @@ const useFormBlockProps = ()=>{
             resourceName: name
         });
     }, [
-        name
+        name,
+        ctx.form
     ]);
     return {
         form: ctx.form
@@ -133,7 +134,7 @@ const scopesSchema = {
                                             'x-component': 'Action',
                                             'x-component-props': {
                                                 icon: 'PlusOutlined',
-                                                openMode: 'drawer',
+                                                openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
                                                 type: 'primary'
                                             },
                                             properties: {
@@ -257,7 +258,7 @@ const scopesSchema = {
                                                             'x-decorator': 'ACLActionProvider',
                                                             'x-component': 'Action.Link',
                                                             'x-component-props': {
-                                                                openMode: 'drawer',
+                                                                openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
                                                                 icon: 'EditOutlined'
                                                             },
                                                             properties: {

package/lib/built-in/dynamic-page/DynamicPage.context.js

@@ -0,0 +1,5 @@
+var __webpack_exports__ = {};
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/built-in/dynamic-page/DynamicPage.js

@@ -27,39 +27,56 @@ __webpack_require__.d(__webpack_exports__, {
     DynamicPage: ()=>DynamicPage
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
+const external_antd_namespaceObject = require("antd");
 const external_react_router_dom_namespaceObject = require("react-router-dom");
 const external_index_js_namespaceObject = require("../index.js");
 const index_js_namespaceObject = require("../../data-source/index.js");
 const external_record_provider_index_js_namespaceObject = require("../../record-provider/index.js");
 const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
+const external_DynamicPage_style_js_namespaceObject = require("./DynamicPage.style.js");
+const external_PageNavBar_js_namespaceObject = require("./PageNavBar.js");
 const external_utils_js_namespaceObject = require("./utils.js");
 const DynamicPage = ()=>{
+    const { styles } = (0, external_DynamicPage_style_js_namespaceObject.useStyles)();
     const params = (0, external_react_router_dom_namespaceObject.useParams)();
-    if (!params['*']) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.RemoteSchemaComponent, {
+    const pathParams = external_utils_js_namespaceObject.PathHandler.getInstance().parse(params['*'], params.name);
+    if (!pathParams) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.RemoteSchemaComponent, {
         uid: params.name,
         onlyRenderProperties: true
     });
-    {
-        const path = external_utils_js_namespaceObject.PathHandler.getInstance().parse(params['*'], params.name);
-        if (!path) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.AppNotFound, {});
-        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.DataBlockProvider, {
+    if (!pathParams.sub || !pathParams.collection || !pathParams.filterByTk || !pathParams.schemaId) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.AppNotFound, {});
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: styles['dynamic-page'],
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.DataBlockProvider, {
             params: {
-                filterByTk: path.filterByTk
+                filterByTk: pathParams.filterByTk
             },
             action: "get",
-            collection: path.collection,
+            collection: pathParams.collection,
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_record_provider_index_js_namespaceObject.RecordContext_deprecated.Provider, {
                 value: {
-                    id: path.filterByTk
+                    id: pathParams.filterByTk
                 },
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.RemoteSchemaComponent, {
-                    uid: params.name,
-                    onlyRenderProperties: true
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_record_provider_index_js_namespaceObject.RecordProvider, {
+                    record: {
+                        id: pathParams.filterByTk
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_PageNavBar_js_namespaceObject.PageNavBar, {
+                            uid: pathParams.sub
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Card, {
+                            className: "page-content",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.RemoteSchemaComponent, {
+                                uid: pathParams.sub,
+                                onlyRenderProperties: true
+                            })
+                        })
+                    ]
                 })
             })
-        });
-    }
+        })
+    });
 };
 exports.DynamicPage = __webpack_exports__.DynamicPage;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/lib/built-in/dynamic-page/DynamicPage.style.js

@@ -0,0 +1,60 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (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 = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (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__, {
+    useStyles: ()=>useStyles
+});
+const external_antd_style_namespaceObject = require("antd-style");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n    display: flex;\n    flex-direction: column;\n    /* height: 100vh; */\n    .page-content {\n      /* height: 90%; */\n      margin: ",
+        "px;\n      overflow: hidden;\n\n      .ant-card-body {\n        position: relative;\n        height: 90vh;\n        overflow: hidden;\n        .ant-formily-layout {\n          height: 100%;\n          .ant-tb-grid {\n            height: 70vh;\n            overflow-x: hidden;\n            overflow-y: scroll;\n            margin-bottom: 200px;\n          }\n        }\n      }\n    }\n  "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        'dynamic-page': css(_templateObject(), token.paddingContentHorizontal)
+    };
+});
+exports.useStyles = __webpack_exports__.useStyles;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useStyles"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/built-in/dynamic-page/PageNavBar.js

@@ -0,0 +1,81 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (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 = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (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__, {
+    PageNavBar: ()=>PageNavBar
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const icons_namespaceObject = require("@ant-design/icons");
+const external_antd_namespaceObject = require("antd");
+const external_react_router_dom_namespaceObject = require("react-router-dom");
+const index_js_namespaceObject = require("../../api-client/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
+const external_document_title_index_js_namespaceObject = require("../document-title/index.js");
+const external_PageNavBar_style_js_namespaceObject = require("./PageNavBar.style.js");
+const { Title } = external_antd_namespaceObject.Typography;
+const PageNavBar = (param)=>{
+    let { uid } = param;
+    var _data_data;
+    const compile = (0, external_schema_component_index_js_namespaceObject.useCompile)();
+    const navigate = (0, external_react_router_dom_namespaceObject.useNavigate)();
+    const { data } = (0, index_js_namespaceObject.useRequest)({
+        url: "/uiSchemas:getJsonSchema/".concat(uid)
+    });
+    const currentTitle = null == data ? void 0 : null == (_data_data = data.data) ? void 0 : _data_data.title;
+    const { styles } = (0, external_PageNavBar_style_js_namespaceObject.useStyles)();
+    const { title: documentTitle } = (0, external_document_title_index_js_namespaceObject.useDocumentTitle)();
+    const title = (0, external_react_namespaceObject.useMemo)(()=>compile(currentTitle || documentTitle), [
+        currentTitle,
+        documentTitle
+    ]);
+    const handleBack = ()=>{
+        navigate(-1);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: styles['page-nav-bar'],
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "nav-title",
+            onClick: handleBack,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ArrowLeftOutlined, {}),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Title, {
+                    level: 4,
+                    style: {
+                        margin: 0
+                    },
+                    children: title
+                })
+            ]
+        })
+    });
+};
+exports.PageNavBar = __webpack_exports__.PageNavBar;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "PageNavBar"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});