@tachybase/client 0.23.8-alpha.21 → 0.23.8-alpha.22

package/lib/built-in/setting-layout/AdminSettings.mjs

@@ -0,0 +1,174 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_react_router_dom__ from "react-router-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../application/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__SettingLayout_mjs__ from "./SettingLayout.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "react-router-dom"
+
+;// CONCATENATED MODULE: external "../../application/index.mjs"
+
+;// CONCATENATED MODULE: external "../../schema-component/index.mjs"
+
+;// CONCATENATED MODULE: external "./SettingLayout.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/built-in/setting-layout/AdminSettings.tsx?__rslib_entry__
+
+
+
+
+
+
+
+const SettingsCenterContext = /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react__.createContext)({});
+SettingsCenterContext.displayName = 'SettingsCenterContext';
+function matchRoute(data, url) {
+    const keys = Object.keys(data);
+    if (data[url]) {
+        return data[url];
+    }
+    for (const pattern of keys){
+        const regexPattern = pattern.replace(/:[^/]+/g, '([^/]+)');
+        const match = url.match(new RegExp("^".concat(regexPattern, "$")));
+        if (match) {
+            return data[pattern];
+        }
+    }
+    return null;
+}
+const AdminSettingsLayout = ()=>{
+    const app = (0,__WEBPACK_EXTERNAL_MODULE__application_index_mjs__.useApp)();
+    const navigate = (0,__WEBPACK_EXTERNAL_MODULE_react_router_dom__.useNavigate)();
+    const location = (0,__WEBPACK_EXTERNAL_MODULE_react_router_dom__.useLocation)();
+    const compile = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+    const settings = (0,__WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const list = app.systemSettingsManager.getList();
+        // compile title
+        function traverse(settings) {
+            settings.forEach((item)=>{
+                var _item_children;
+                item.title = compile(item.title);
+                item.label = compile(item.title);
+                if ((_item_children = item.children) === null || _item_children === void 0 ? void 0 : _item_children.length) {
+                    traverse(item.children);
+                }
+            });
+        }
+        traverse(list);
+        return list;
+    }, [
+        app.systemSettingsManager,
+        compile
+    ]);
+    const routeChildren = (0,__WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const list = app.systemSettingsManager.getList();
+        // compile title
+        function traverse(settings) {
+            return settings.map((item)=>{
+                var _item_children;
+                if (item.path.includes(':')) {
+                    item.hideInMenu = true;
+                }
+                item.title = compile(item.title);
+                item.label = compile(item.title);
+                if ((_item_children = item.children) === null || _item_children === void 0 ? void 0 : _item_children.length) {
+                    item.children = traverse(item.children);
+                }
+                return {
+                    ...item,
+                    name: item.label
+                };
+            });
+        }
+        return traverse(list);
+    }, [
+        app.systemSettingsManager,
+        compile
+    ]);
+    const getFirstDeepChildPath = (0,__WEBPACK_EXTERNAL_MODULE_react__.useCallback)((settings)=>{
+        var _first_children;
+        if (!settings || !settings.length) {
+            return '/_admin';
+        }
+        const first = settings[0];
+        if ((_first_children = first.children) === null || _first_children === void 0 ? void 0 : _first_children.length) {
+            return getFirstDeepChildPath(first.children);
+        }
+        return first.path;
+    }, []);
+    const settingsMapByPath = (0,__WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const map = {};
+        const traverse = (settings)=>{
+            settings.forEach((item)=>{
+                var _item_children;
+                map[item.path] = item;
+                if ((_item_children = item.children) === null || _item_children === void 0 ? void 0 : _item_children.length) {
+                    traverse(item.children);
+                }
+            });
+        };
+        traverse(settings);
+        return map;
+    }, [
+        settings
+    ]);
+    const settingsMapByKey = (0,__WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const map = {};
+        const traverse = (settings)=>{
+            settings.forEach((item)=>{
+                var _item_children;
+                map[item.key] = item;
+                if ((_item_children = item.children) === null || _item_children === void 0 ? void 0 : _item_children.length) {
+                    traverse(item.children);
+                }
+            });
+        };
+        traverse(settings);
+        return map;
+    }, [
+        settings
+    ]);
+    const currentSetting = (0,__WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>matchRoute(settingsMapByPath, location.pathname), [
+        location.pathname,
+        settingsMapByPath
+    ]);
+    if (!currentSetting || location.pathname === __WEBPACK_EXTERNAL_MODULE__application_index_mjs__.ADMIN_SETTINGS_PATH || location.pathname === __WEBPACK_EXTERNAL_MODULE__application_index_mjs__.ADMIN_SETTINGS_PATH + '/') {
+        return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_router_dom__.Navigate, {
+            replace: true,
+            to: getFirstDeepChildPath(settings)
+        });
+    }
+    var _currentSetting_groupKey;
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__SettingLayout_mjs__.SettingLayout, {
+        fullscreen: !!(currentSetting === null || currentSetting === void 0 ? void 0 : currentSetting.fullscreen),
+        route: {
+            path: '/',
+            children: routeChildren
+        },
+        selectedKeys: [
+            (_currentSetting_groupKey = currentSetting === null || currentSetting === void 0 ? void 0 : currentSetting.groupKey) !== null && _currentSetting_groupKey !== void 0 ? _currentSetting_groupKey : currentSetting === null || currentSetting === void 0 ? void 0 : currentSetting.key
+        ],
+        onClick: (param)=>{
+            let { key } = param;
+            const setting = settingsMapByKey[key];
+            if (setting === null || setting === void 0 ? void 0 : setting.path) {
+                navigate(setting.path);
+            }
+        },
+        children: currentSetting ? /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_router_dom__.Outlet, {}) : /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Result, {
+            status: "404",
+            title: "404",
+            subTitle: "Sorry, the page you visited does not exist."
+        })
+    });
+};
+
+export { AdminSettingsLayout, SettingsCenterContext };

package/lib/built-in/setting-layout/SettingLayout.mjs

@@ -0,0 +1,171 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_pro_components__ from "@ant-design/pro-components";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_react_router__ from "react-router";
+import * as __WEBPACK_EXTERNAL_MODULE__user_index_mjs__ from "../../user/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__admin_layout_index_mjs__ from "../admin-layout/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__system_settings_index_mjs__ from "../system-settings/index.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@ant-design/icons"
+
+;// CONCATENATED MODULE: external "@ant-design/pro-components"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "react-router"
+
+;// CONCATENATED MODULE: external "../../user/index.mjs"
+
+;// CONCATENATED MODULE: external "../admin-layout/index.mjs"
+
+;// CONCATENATED MODULE: external "../system-settings/index.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/built-in/setting-layout/SettingLayout.tsx?__rslib_entry__
+
+
+
+
+
+
+
+
+
+const SettingLayout = (param)=>{
+    let { selectedKeys, onClick, route, children, fullscreen } = param;
+    var _result_data_data, _result_data, _result_data_data_logo, _result_data_data1, _result_data1, _data_data, _data_data1, _data_data2;
+    const settings = {
+        fixSiderbar: true,
+        layout: 'mix',
+        splitMenus: false,
+        navTheme: 'light',
+        contentWidth: 'Fluid',
+        fixedHeader: true,
+        siderMenuType: 'sub'
+    };
+    const location = (0,__WEBPACK_EXTERNAL_MODULE_react_router__.useLocation)();
+    const navigate = (0,__WEBPACK_EXTERNAL_MODULE_react_router__.useNavigate)();
+    const { data } = (0,__WEBPACK_EXTERNAL_MODULE__user_index_mjs__.useCurrentUserContext)();
+    const result = (0,__WEBPACK_EXTERNAL_MODULE__system_settings_index_mjs__.useSystemSettings)();
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__admin_layout_index_mjs__.AdminProvider, {
+        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_pro_components__.ProConfigProvider, {
+            hashed: false,
+            children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_pro_components__.ProLayout, {
+                title: result === null || result === void 0 ? void 0 : (_result_data = result.data) === null || _result_data === void 0 ? void 0 : (_result_data_data = _result_data.data) === null || _result_data_data === void 0 ? void 0 : _result_data_data.title,
+                logo: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("img", {
+                    src: result === null || result === void 0 ? void 0 : (_result_data1 = result.data) === null || _result_data1 === void 0 ? void 0 : (_result_data_data1 = _result_data1.data) === null || _result_data_data1 === void 0 ? void 0 : (_result_data_data_logo = _result_data_data1.logo) === null || _result_data_data_logo === void 0 ? void 0 : _result_data_data_logo.url
+                }),
+                bgLayoutImgList: [
+                    {
+                        src: 'https://img.alicdn.com/imgextra/i2/O1CN01O4etvp1DvpFLKfuWq_!!6000000000279-2-tps-609-606.png',
+                        left: 85,
+                        bottom: 100,
+                        height: '303px'
+                    },
+                    {
+                        src: 'https://img.alicdn.com/imgextra/i2/O1CN01O4etvp1DvpFLKfuWq_!!6000000000279-2-tps-609-606.png',
+                        bottom: -68,
+                        right: -45,
+                        height: '303px'
+                    },
+                    {
+                        src: 'https://img.alicdn.com/imgextra/i3/O1CN018NxReL1shX85Yz6Cx_!!6000000005798-2-tps-884-496.png',
+                        bottom: 0,
+                        left: 0,
+                        width: '331px'
+                    }
+                ],
+                route: route,
+                token: {
+                    header: {
+                        colorBgMenuItemSelected: 'rgba(0,0,0,0.04)'
+                    }
+                },
+                location: location,
+                siderMenuType: "group",
+                menuProps: {
+                    onClick,
+                    selectedKeys
+                },
+                menu: {
+                    collapsedShowGroupTitle: true
+                },
+                avatarProps: {
+                    src: 'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',
+                    size: 'small',
+                    title: (data === null || data === void 0 ? void 0 : (_data_data = data.data) === null || _data_data === void 0 ? void 0 : _data_data.nickname) || (data === null || data === void 0 ? void 0 : (_data_data1 = data.data) === null || _data_data1 === void 0 ? void 0 : _data_data1.username) || (data === null || data === void 0 ? void 0 : (_data_data2 = data.data) === null || _data_data2 === void 0 ? void 0 : _data_data2.email),
+                    render: (props, dom)=>{
+                        return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Dropdown, {
+                            dropdownRender: ()=>/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__user_index_mjs__.SettingsMenu, {}),
+                            children: dom
+                        });
+                    }
+                },
+                actionsRender: (props)=>{
+                    if (props.isMobile) return [];
+                    if (typeof window === 'undefined') return [];
+                    return [
+                        /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                            type: "text",
+                            onClick: ()=>{
+                                // FIXME /admin
+                                navigate('/admin');
+                            },
+                            icon: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.HomeFilled, {}, "HomeFilled")
+                        }),
+                        /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                            type: "text",
+                            target: "_blank",
+                            href: "https://tachybase.org",
+                            icon: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.InfoCircleFilled, {}, "InfoCircleFilled")
+                        }),
+                        /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                            type: "text",
+                            target: "_blank",
+                            href: "https://github.com/tachybase/tachybase/issues",
+                            icon: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.QuestionCircleFilled, {}, "QuestionCircleFilled")
+                        }),
+                        /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                            type: "text",
+                            target: "_blank",
+                            href: "https://github.com/tachybase/tachybase",
+                            icon: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.GithubFilled, {}, "GithubFilled")
+                        })
+                    ];
+                },
+                pageTitleRender: false,
+                headerTitleRender: (logo, title, _)=>{
+                    const defaultDom = /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+                        children: [
+                            logo,
+                            title
+                        ]
+                    });
+                    if (typeof window === 'undefined') return defaultDom;
+                    if (document.body.clientWidth < 1400) {
+                        return defaultDom;
+                    }
+                    if (_.isMobile) return defaultDom;
+                    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
+                        children: defaultDom
+                    });
+                },
+                ...settings,
+                headerContentRender: ()=>/*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__admin_layout_index_mjs__.NoticeArea, {}),
+                contentStyle: {
+                    padding: 0
+                },
+                children: fullscreen ? children : /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_pro_components__.PageContainer, {
+                    children: children
+                })
+            })
+        })
+    });
+};
+
+export { SettingLayout };

package/lib/built-in/setting-layout/SettingsCenterDropdown.mjs

@@ -0,0 +1,104 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_react_router_dom__ from "react-router-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__application_index_mjs__ from "../../application/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__style_index_mjs__ from "../../style/index.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@ant-design/icons"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "react-router-dom"
+
+;// CONCATENATED MODULE: external "../../application/index.mjs"
+
+;// CONCATENATED MODULE: external "../../schema-component/index.mjs"
+
+;// CONCATENATED MODULE: external "../../style/index.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/built-in/setting-layout/SettingsCenterDropdown.tsx?__rslib_entry__
+
+
+
+
+
+
+
+
+const SettingsCenterDropdown = ()=>{
+    const compile = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+    const { token } = (0,__WEBPACK_EXTERNAL_MODULE__style_index_mjs__.useToken)();
+    const app = (0,__WEBPACK_EXTERNAL_MODULE__application_index_mjs__.useApp)();
+    const userSettings = app.userSettingsManager.getList();
+    const settingItem = [];
+    userSettings.filter((v)=>v.isTopLevel !== false).forEach((setting)=>{
+        settingItem.push({
+            key: 'userSetting:' + setting.name,
+            icon: setting.icon,
+            label: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_router_dom__.Link, {
+                to: setting.path,
+                children: compile(setting.title)
+            })
+        });
+    });
+    settingItem.push({
+        type: 'divider'
+    });
+    const menuItems = (0,__WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const list = app.systemSettingsManager.getList();
+        // compile title
+        function traverse(settings) {
+            return settings.filter((item)=>!item.path.includes(':')).map((item)=>{
+                var _item_children;
+                item.title = compile(item.title);
+                item.label = /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_router_dom__.Link, {
+                    to: item.path,
+                    children: compile(item.title)
+                });
+                if ((_item_children = item.children) === null || _item_children === void 0 ? void 0 : _item_children.length) {
+                    item.children = traverse(item.children);
+                    // No link should be set if there are children.
+                    item.label = compile(item.title);
+                }
+                return {
+                    key: item.key,
+                    label: item.label,
+                    path: item.path,
+                    children: item.children,
+                    name: item.title
+                };
+            });
+        }
+        return traverse(list);
+    }, [
+        app.systemSettingsManager,
+        compile
+    ]);
+    settingItem.push(...menuItems);
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Dropdown, {
+        menu: {
+            style: {
+                maxHeight: '70vh',
+                overflow: 'auto'
+            },
+            items: settingItem
+        },
+        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+            "data-testid": "plugin-settings-button",
+            icon: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.SettingOutlined, {
+                style: {
+                    color: token.colorTextHeaderMenu
+                }
+            })
+        })
+    });
+};
+
+export { SettingsCenterDropdown };

package/lib/built-in/system-settings/SystemSettingsProvider.mjs

@@ -0,0 +1,33 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__ from "../../api-client/index.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "../../api-client/index.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/built-in/system-settings/SystemSettingsProvider.tsx?__rslib_entry__
+
+
+
+const SystemSettingsContext = /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+SystemSettingsContext.displayName = 'SystemSettingsContext';
+const useSystemSettings = ()=>{
+    return (0,__WEBPACK_EXTERNAL_MODULE_react__.useContext)(SystemSettingsContext);
+};
+const SystemSettingsProvider = (props)=>{
+    const result = (0,__WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useRequest)({
+        url: 'systemSettings:get/1?appends=logo'
+    });
+    if (result.loading) {
+        return;
+    }
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SystemSettingsContext.Provider, {
+        value: result,
+        children: props.children
+    });
+};
+
+export { SystemSettingsContext, SystemSettingsProvider, useSystemSettings };

package/lib/built-in/system-settings/SystemSettingsShortcut.mjs

@@ -0,0 +1,189 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "./index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__locale_index_mjs__ from "../../locale/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../schema-component/index.mjs";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "react"
+
+;// CONCATENATED MODULE: external "@tachybase/schema"
+
+;// CONCATENATED MODULE: external "antd"
+
+;// CONCATENATED MODULE: external "lodash"
+
+;// CONCATENATED MODULE: external "react-i18next"
+
+;// CONCATENATED MODULE: external "./index.mjs"
+
+;// CONCATENATED MODULE: external "../../index.mjs"
+
+;// CONCATENATED MODULE: external "../../locale/index.mjs"
+
+;// CONCATENATED MODULE: external "../../schema-component/index.mjs"
+
+;// CONCATENATED MODULE: ./packages/client/src/built-in/system-settings/SystemSettingsShortcut.tsx?__rslib_entry__
+
+
+
+
+
+
+
+
+
+
+const langs = Object.keys(__WEBPACK_EXTERNAL_MODULE__locale_index_mjs__["default"]).map((lang)=>{
+    return {
+        label: "".concat(__WEBPACK_EXTERNAL_MODULE__locale_index_mjs__["default"][lang].label, " (").concat(lang, ")"),
+        value: lang
+    };
+});
+const useCloseAction = ()=>{
+    const { setVisible } = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useActionContext)();
+    return {
+        async run () {
+            setVisible(false);
+        }
+    };
+};
+const useSystemSettingsValues = (options)=>{
+    const { visible } = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useActionContext)();
+    const result = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useSystemSettings)();
+    return (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useRequest)(()=>Promise.resolve(result.data), {
+        ...options,
+        refreshDeps: [
+            visible
+        ]
+    });
+};
+const useSaveSystemSettingsValues = ()=>{
+    const { setVisible } = (0,__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useActionContext)();
+    const form = (0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+    const { message } = __WEBPACK_EXTERNAL_MODULE_antd__.App.useApp();
+    const { mutate, data } = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useSystemSettings)();
+    const api = (0,__WEBPACK_EXTERNAL_MODULE__index_mjs__.useAPIClient)();
+    const { t } = (0,__WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    return {
+        async run () {
+            var _values_enabledLanguages;
+            await form.submit();
+            const values = (0,__WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(form.values);
+            mutate({
+                data: {
+                    ...data === null || data === void 0 ? void 0 : data.data,
+                    ...values
+                }
+            });
+            await api.request({
+                url: 'systemSettings:update/1',
+                method: 'post',
+                data: values
+            });
+            message.success(t('Saved successfully'));
+            const lang = ((_values_enabledLanguages = values.enabledLanguages) === null || _values_enabledLanguages === void 0 ? void 0 : _values_enabledLanguages[0]) || 'en-US';
+            if (values.enabledLanguages.length < 2 && api.auth.getLocale() !== lang) {
+                api.auth.setLocale('');
+                window.location.reload();
+            } else {
+                setVisible(false);
+            }
+        }
+    };
+};
+const schema = {
+    type: 'object',
+    properties: {
+        [(0,__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.uid)()]: {
+            'x-decorator': 'Form',
+            'x-decorator-props': {
+                useValues: '{{ useSystemSettingsValues }}'
+            },
+            'x-component': 'div',
+            type: 'void',
+            title: '{{t("System settings")}}',
+            properties: {
+                title: {
+                    type: 'string',
+                    title: "{{t('System title')}}",
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Input',
+                    required: true
+                },
+                logo: {
+                    type: 'string',
+                    title: "{{t('Logo')}}",
+                    'x-decorator': 'FormItem',
+                    'x-component': 'Upload.Attachment',
+                    'x-component-props': {
+                        action: 'attachments:create',
+                        multiple: false
+                    }
+                },
+                enabledLanguages: {
+                    type: 'array',
+                    title: '{{t("Enabled languages")}}',
+                    'x-component': 'Select',
+                    'x-component-props': {
+                        mode: 'multiple'
+                    },
+                    'x-decorator': 'FormItem',
+                    enum: langs,
+                    'x-reactions': (field)=>{
+                        field.dataSource = langs.map((item)=>{
+                            var _field_value;
+                            let label = item.label;
+                            if (((_field_value = field.value) === null || _field_value === void 0 ? void 0 : _field_value[0]) === item.value) {
+                                label += "(".concat(__WEBPACK_EXTERNAL_MODULE__index_mjs__.i18n.t('Default'), ")");
+                            }
+                            return {
+                                label,
+                                value: item.value
+                            };
+                        });
+                    }
+                },
+                footer1: {
+                    type: 'void',
+                    'x-component': 'ActionBar',
+                    'x-component-props': {
+                        layout: 'one-column'
+                    },
+                    properties: {
+                        submit: {
+                            title: '{{t("Submit")}}',
+                            'x-component': 'Action',
+                            'x-component-props': {
+                                type: 'primary',
+                                htmlType: 'submit',
+                                useAction: '{{ useSaveSystemSettingsValues }}'
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+};
+const SystemSettingsPane = ()=>{
+    return /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Card, {
+        bordered: false,
+        children: /*#__PURE__*/ (0,__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.SchemaComponent, {
+            scope: {
+                useSaveSystemSettingsValues,
+                useSystemSettingsValues,
+                useCloseAction
+            },
+            schema: schema
+        })
+    });
+};
+
+export { SystemSettingsPane };