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

package/lib/built-in/admin-layout/index.js

@@ -0,0 +1,350 @@
+"use strict";
+var __webpack_modules__ = {
+    "../../application/Plugin": function(module) {
+        module.exports = require("../../application/Plugin.js");
+    },
+    "../../": function(module) {
+        module.exports = require("../../index.js");
+    },
+    "../../variables": function(module) {
+        module.exports = require("../../variables/index.js");
+    },
+    "./AdminContent": function(module) {
+        module.exports = require("./AdminContent.js");
+    },
+    "./AdminTabs": function(module) {
+        module.exports = require("./AdminTabs.js");
+    },
+    "./NoticeArea": function(module) {
+        module.exports = require("./NoticeArea.js");
+    },
+    "./style?6351": function(module) {
+        module.exports = require("./style.js");
+    },
+    antd: function(module) {
+        module.exports = require("antd");
+    },
+    react: function(module) {
+        module.exports = require("react");
+    },
+    "react-router-dom": function(module) {
+        module.exports = require("react-router-dom");
+    },
+    "react/jsx-runtime": function(module) {
+        module.exports = require("react/jsx-runtime");
+    }
+};
+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;
+}
+(()=>{
+    __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__, {
+    AdminLayout: function() {
+        return AdminLayout;
+    },
+    AdminLayoutPlugin: function() {
+        return AdminLayoutPlugin;
+    },
+    AdminProvider: function() {
+        return AdminProvider;
+    },
+    InternalAdminLayout: function() {
+        return InternalAdminLayout;
+    },
+    MenuEditor: function() {
+        return MenuEditor;
+    }
+});
+var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("react/jsx-runtime");
+var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("react");
+var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("antd");
+var react_router_dom__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("react-router-dom");
+var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("../../");
+var _application_Plugin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../application/Plugin");
+var _variables__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../variables");
+var _AdminContent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./AdminContent");
+var _AdminTabs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./AdminTabs");
+var _NoticeArea__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./NoticeArea");
+var _style__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("./style?6351");
+var __WEBPACK_REEXPORT_OBJECT__ = {};
+for(var __WEBPACK_IMPORT_KEY__ in _NoticeArea__WEBPACK_IMPORTED_MODULE_9__)if ([
+    "AdminProvider",
+    "default",
+    "MenuEditor",
+    "InternalAdminLayout",
+    "AdminLayout",
+    "AdminLayoutPlugin"
+].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+    return _NoticeArea__WEBPACK_IMPORTED_MODULE_9__[key];
+}).bind(0, __WEBPACK_IMPORT_KEY__);
+__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+const filterByACL = (schema, options)=>{
+    const { allowAll, allowMenuItemIds = [] } = options;
+    if (allowAll) return schema;
+    const filterSchema = (s)=>{
+        if (!s) return;
+        for(const key in s.properties)if (Object.prototype.hasOwnProperty.call(s.properties, key)) {
+            const element = s.properties[key];
+            if (element['x-uid'] && !allowMenuItemIds.includes(element['x-uid'])) delete s.properties[key];
+            if (element['x-uid']) filterSchema(element);
+        }
+    };
+    filterSchema(schema);
+    return schema;
+};
+const SchemaIdContext = /*#__PURE__*/ (0, react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null);
+SchemaIdContext.displayName = 'SchemaIdContext';
+const useMenuProps = ()=>{
+    const defaultSelectedUid = (0, react__WEBPACK_IMPORTED_MODULE_1__.useContext)(SchemaIdContext);
+    return {
+        selectedUid: defaultSelectedUid,
+        defaultSelectedUid
+    };
+};
+const MenuEditor = (props)=>{
+    const { setTitle } = (0, ___WEBPACK_IMPORTED_MODULE_4__.useDocumentTitle)();
+    const navigate = (0, react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useNavigate)();
+    const params = (0, react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useParams)();
+    const location1 = (0, react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useLocation)();
+    const isMatchAdmin = (0, react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useMatch)('/admin');
+    const isMatchAdminName = (0, react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useMatch)('/admin/:name');
+    const defaultSelectedUid = params.name;
+    const { sideMenuRef } = props;
+    const ctx = (0, ___WEBPACK_IMPORTED_MODULE_4__.useACLRoleContext)();
+    const [current, setCurrent] = (0, react__WEBPACK_IMPORTED_MODULE_1__.useState)(null);
+    const onSelect = (param)=>{
+        let { item } = param;
+        const schema = item.props.schema;
+        setTitle(schema.title);
+        setCurrent(schema);
+        navigate("/admin/".concat(schema['x-uid']));
+    };
+    const adminSchemaUid = (0, ___WEBPACK_IMPORTED_MODULE_4__.useAdminSchemaUid)();
+    const { data, loading } = (0, ___WEBPACK_IMPORTED_MODULE_4__.useRequest)({
+        url: "/uiSchemas:getJsonSchema/".concat(adminSchemaUid)
+    }, {
+        refreshDeps: [
+            adminSchemaUid
+        ],
+        onSuccess (data) {
+            const schema = filterByACL(null == data ? void 0 : data.data, ctx);
+            if (isMatchAdmin) {
+                const s = (0, ___WEBPACK_IMPORTED_MODULE_4__.findMenuItem)(schema);
+                if (s) {
+                    navigate("/admin/".concat(s['x-uid']));
+                    setTitle(s.title);
+                } else navigate("/admin/");
+                return;
+            }
+            if (!isMatchAdminName) return;
+            const s = (0, ___WEBPACK_IMPORTED_MODULE_4__.findByUid)(schema, defaultSelectedUid);
+            if (s) setTitle(s.title);
+            else {
+                const s = (0, ___WEBPACK_IMPORTED_MODULE_4__.findMenuItem)(schema);
+                if (s) {
+                    navigate("/admin/".concat(s['x-uid']));
+                    setTitle(s.title);
+                } else navigate("/admin/");
+            }
+        }
+    });
+    const match = (0, react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useMatch)('/admin/:name');
+    (0, react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        if (match) {
+            const schema = filterByACL(null == data ? void 0 : data.data, ctx);
+            const s = (0, ___WEBPACK_IMPORTED_MODULE_4__.findByUid)(schema, defaultSelectedUid);
+            if (s) setTitle(s.title);
+        }
+    }, [
+        null == data ? void 0 : data.data,
+        location1.pathname,
+        defaultSelectedUid
+    ]);
+    (0, react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        var _Object_values_shift, _current_root, _data_data;
+        const properties = (null === (_Object_values_shift = Object.values((null == current ? void 0 : null === (_current_root = current.root) || void 0 === _current_root ? void 0 : _current_root.properties) || {}).shift()) || void 0 === _Object_values_shift ? void 0 : _Object_values_shift['properties']) || (null == data ? void 0 : null === (_data_data = data.data) || void 0 === _data_data ? void 0 : _data_data.properties);
+        if (null == sideMenuRef ? void 0 : sideMenuRef.current) {
+            const pageType = properties && Object.values(properties).find((item)=>item['x-uid'] === params.name && 'Menu.Item' === item['x-component']);
+            const isSettingPage = null == location1 ? void 0 : location1.pathname.includes('/settings');
+            if (pageType || isSettingPage) sideMenuRef.current.style.display = 'none';
+            else sideMenuRef.current.style.display = 'block';
+        }
+    }, [
+        null == data ? void 0 : data.data,
+        params.name,
+        sideMenuRef
+    ]);
+    const schema = (0, react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{
+        const s = filterByACL(null == data ? void 0 : data.data, ctx);
+        if (null == s ? void 0 : s['x-component-props']) s['x-component-props']['useProps'] = useMenuProps;
+        return s;
+    }, [
+        null == data ? void 0 : data.data
+    ]);
+    if (loading) return;
+    return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(SchemaIdContext.Provider, {
+        value: defaultSelectedUid,
+        children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.SchemaComponent, {
+            memoized: true,
+            scope: {
+                useMenuProps,
+                onSelect,
+                sideMenuRef,
+                defaultSelectedUid
+            },
+            schema: schema
+        })
+    });
+};
+const InternalAdminLayout = (props)=>{
+    var _result_data_data_logo, _result_data_data, _result_data, _result_data_data1, _result_data1;
+    const sideMenuRef = (0, react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+    const result = (0, ___WEBPACK_IMPORTED_MODULE_4__.useSystemSettings)();
+    const app = (0, ___WEBPACK_IMPORTED_MODULE_4__.useApp)();
+    const params = (0, react_router_dom__WEBPACK_IMPORTED_MODULE_3__.useParams)();
+    const { styles } = (0, _style__WEBPACK_IMPORTED_MODULE_10__.useStyles)();
+    return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_2__.Layout, {
+        className: styles.layout,
+        children: [
+            /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_2__.Layout.Header, {
+                className: styles.header,
+                children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    className: styles.headerA,
+                    children: [
+                        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: styles.headerB,
+                            children: [
+                                /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                    className: styles.titleContainer,
+                                    onClick: ()=>{
+                                        location.href = app.adminUrl;
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", {
+                                            className: styles.logo,
+                                            src: null == result ? void 0 : null === (_result_data = result.data) || void 0 === _result_data ? void 0 : null === (_result_data_data = _result_data.data) || void 0 === _result_data_data ? void 0 : null === (_result_data_data_logo = _result_data_data.logo) || void 0 === _result_data_data_logo ? void 0 : _result_data_data_logo.url
+                                        }),
+                                        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h1", {
+                                            className: styles.title,
+                                            children: null == result ? void 0 : null === (_result_data1 = result.data) || void 0 === _result_data1 ? void 0 : null === (_result_data_data1 = _result_data1.data) || void 0 === _result_data_data1 ? void 0 : _result_data_data1.title
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(MenuEditor, {
+                                    sideMenuRef: sideMenuRef
+                                }),
+                                /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+                                    className: styles.editor,
+                                    children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AdminTabs__WEBPACK_IMPORTED_MODULE_8__.AdminTabs, {})
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: styles.right,
+                            children: [
+                                /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.PinnedPluginList, {}),
+                                /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.CurrentUser, {})
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_2__.Layout, {
+                children: [
+                    params.name && /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_2__.Layout.Sider, {
+                        className: styles.sider,
+                        theme: 'light',
+                        ref: sideMenuRef
+                    }),
+                    /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(antd__WEBPACK_IMPORTED_MODULE_2__.Layout.Content, {
+                        className: styles.main,
+                        children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+                            className: "amplifier-block",
+                            children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_AdminContent__WEBPACK_IMPORTED_MODULE_7__.AdminContent, {})
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+const AdminProvider = (props)=>/*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.NoticeManagerProvider, {
+        children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.CurrentAppInfoProvider, {
+            children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.NavigateIfNotSignIn, {
+                children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.RemoteCollectionManagerProvider, {
+                    children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_variables__WEBPACK_IMPORTED_MODULE_6__.VariablesProvider, {
+                        children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(___WEBPACK_IMPORTED_MODULE_4__.ACLRolesCheckProvider, {
+                            children: props.children
+                        })
+                    })
+                })
+            })
+        })
+    });
+const AdminLayout = (props)=>/*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(AdminProvider, {
+        children: [
+            /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_NoticeArea__WEBPACK_IMPORTED_MODULE_9__.NoticeArea, {}),
+            /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(InternalAdminLayout, {
+                ...props
+            })
+        ]
+    });
+class AdminLayoutPlugin extends _application_Plugin__WEBPACK_IMPORTED_MODULE_5__.Plugin {
+    async afterAdd() {
+        await this.app.pm.add(___WEBPACK_IMPORTED_MODULE_4__.RemoteSchemaTemplateManagerPlugin);
+    }
+    async load() {
+        this.app.addComponents({
+            AdminLayout
+        });
+    }
+}
+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/built-in/admin-layout/style.js

@@ -0,0 +1,176 @@
+"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__, {
+    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      max-height: 100vh;\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    const data = _tagged_template_literal([
+        "\n      .ant-menu.ant-menu-dark .ant-menu-item-selected,\n      .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,\n      .ant-menu-submenu-horizontal.ant-menu-submenu-selected {\n        background-color: ",
+        " !important;\n        color: ",
+        " !important;\n      }\n      .ant-menu-submenu-horizontal.ant-menu-submenu-selected > .ant-menu-submenu-title {\n        color: ",
+        " !important;\n      }\n      .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {\n        background-color: ",
+        " !important;\n        color: ",
+        " !important;\n      }\n\n      height: var(--tb-header-height);\n      line-height: var(--tb-header-height);\n      padding: 0;\n      background-color: ",
+        " !important;\n\n      .ant-menu {\n        background-color: transparent;\n      }\n\n      .ant-menu-item,\n      .ant-menu-submenu-horizontal {\n        color: ",
+        " !important;\n      }\n    "
+    ]);
+    _templateObject1 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    const data = _tagged_template_literal([
+        "\n      position: relative;\n      width: 100%;\n      height: 100%;\n      display: flex;\n    "
+    ]);
+    _templateObject2 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    const data = _tagged_template_literal([
+        "\n      position: relative;\n      z-index: 1;\n      flex: 1 1 auto;\n      display: flex;\n      height: 100%;\n    "
+    ]);
+    _templateObject3 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    const data = _tagged_template_literal([
+        "\n      display: inline-flex;\n      flex-shrink: 0;\n      color: #fff;\n      padding: 0;\n      align-items: center;\n      padding: 0 12px 0 12px;\n    "
+    ]);
+    _templateObject4 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    const data = _tagged_template_literal([
+        "\n      object-fit: contain;\n      height: 28px;\n    "
+    ]);
+    _templateObject5 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    const data = _tagged_template_literal([
+        "\n      color: #fff;\n      height: 32px;\n      margin: 0 0 0 12px;\n      font-weight: 600;\n      font-size: 18px;\n      line-height: 32px;\n    "
+    ]);
+    _templateObject6 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    const data = _tagged_template_literal([
+        "\n      display: inline-flex;\n      position: relative;\n      flex-shrink: 0;\n      height: 100%;\n      z-index: 10;\n    "
+    ]);
+    _templateObject7 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    const data = _tagged_template_literal([
+        "\n      flex: 1 1 auto;\n      width: 0;\n      display: flex;\n    "
+    ]);
+    _templateObject8 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    const data = _tagged_template_literal([
+        "\n      flex: 1;\n    "
+    ]);
+    _templateObject9 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject10() {
+    const data = _tagged_template_literal([
+        "\n      height: 100%;\n      /* position: fixed; */\n      position: relative;\n      left: 0;\n      top: 0;\n      background: rgba(0, 0, 0, 0);\n      z-index: 100;\n      .ant-layout-sider-children {\n        top: var(--tb-header-height);\n        position: fixed;\n        width: 200px;\n        height: calc(100vh - var(--tb-header-height));\n      }\n    "
+    ]);
+    _templateObject10 = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject11() {
+    const data = _tagged_template_literal([
+        "\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      height: 100%;\n      > div {\n        position: relative;\n      }\n      .ant-layout-content {\n        height: calc(100vh - var(--tb-header-height));\n        overflow: auto;\n      }\n      .ant-layout-footer {\n        position: absolute;\n        bottom: 0;\n        text-align: center;\n        width: 100%;\n        z-index: 0;\n        padding: 0px 50px;\n      }\n    "
+    ]);
+    _templateObject11 = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        layout: css(_templateObject()),
+        header: css(_templateObject1(), token.colorBgHeaderMenuActive, token.colorTextHeaderMenuActive, token.colorTextHeaderMenuActive, token.colorBgHeaderMenuHover, token.colorTextHeaderMenuHover, token.colorBgHeader, token.colorTextHeaderMenu),
+        headerA: css(_templateObject2()),
+        headerB: css(_templateObject3()),
+        titleContainer: css(_templateObject4()),
+        logo: css(_templateObject5()),
+        title: css(_templateObject6()),
+        right: css(_templateObject7()),
+        editor: css(_templateObject8()),
+        notice: css(_templateObject9()),
+        sider: css(_templateObject10()),
+        main: css(_templateObject11())
+    };
+});
+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/built-in/assistant/Assistant.provider.js

@@ -0,0 +1,125 @@
+"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__, {
+    AssistantProvider: ()=>AssistantProvider
+});
+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_hotkeys_hook_namespaceObject = require("react-hotkeys-hook");
+const index_js_namespaceObject = require("../../icon/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
+const external_context_menu_index_js_namespaceObject = require("../context-menu/index.js");
+const external_ai_chat_index_js_namespaceObject = require("./ai-chat/index.js");
+var external_ai_chat_index_js_default = /*#__PURE__*/ __webpack_require__.n(external_ai_chat_index_js_namespaceObject);
+const CalculatorProvider_js_namespaceObject = require("./calculator/CalculatorProvider.js");
+const external_search_and_jump_index_js_namespaceObject = require("./search-and-jump/index.js");
+const AssistantProvider = (param)=>{
+    let { children } = param;
+    const { designable, setDesignable } = (0, external_schema_component_index_js_namespaceObject.useDesignable)();
+    const { visible, setVisible } = (0, CalculatorProvider_js_namespaceObject.useCalculator)();
+    const { setOpen } = (0, external_search_and_jump_index_js_namespaceObject.useSearchAndJump)();
+    const ref = (0, external_react_namespaceObject.useRef)();
+    (0, external_react_hotkeys_hook_namespaceObject.useHotkeys)('Ctrl+Shift+U', ()=>setDesignable(!designable), [
+        designable
+    ]);
+    (0, external_react_hotkeys_hook_namespaceObject.useHotkeys)('Ctrl+K', ()=>setOpen((open)=>!open), []);
+    (0, external_react_hotkeys_hook_namespaceObject.useHotkeys)('Cmd+K', ()=>setOpen((open)=>!open), []);
+    const { contextMenuEnabled, setContextMenuEnable } = (0, external_context_menu_index_js_namespaceObject.useContextMenu)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_ai_chat_index_js_default(), {
+                mRef: ref,
+                onGenerateLoad: async (msg)=>true,
+                onReloadWrite: ()=>{}
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.FloatButton.Group, {
+                trigger: "hover",
+                type: "default",
+                style: {
+                    right: 24,
+                    zIndex: 1250
+                },
+                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ToolOutlined, {}),
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
+                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.SearchOutlined, {}),
+                        onClick: ()=>setOpen(true)
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
+                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.Icon, {
+                            type: "Design"
+                        }),
+                        type: designable ? 'primary' : 'default',
+                        onClick: ()=>setDesignable(!designable)
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
+                        type: visible ? 'primary' : 'default',
+                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CalculatorOutlined, {}),
+                        onClick: ()=>{
+                            setVisible((visible)=>!visible);
+                        }
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
+                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.CommentOutlined, {}),
+                        onClick: ()=>{
+                            var _ref_current;
+                            null === (_ref_current = ref.current) || void 0 === _ref_current || _ref_current.openModal();
+                        }
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton, {
+                        type: contextMenuEnabled ? 'primary' : 'default',
+                        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ToolOutlined, {
+                            onClick: ()=>setContextMenuEnable(!contextMenuEnabled)
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+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
+});